在涉及移動端支付的專案時，由於對支付需求的精細化，不僅需要掃碼支付，還有喚醒App支付，另外還有在微信、QQ、支付寶內建瀏覽器給出相應的提示。

好在國內各大巨頭公司在開發瀏覽器的時候都在瀏覽器標識上加了相應的字元，

下面直接貼程式碼：

function is_neizhi() {
    var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return "weixin"; } else if (ua.match(/QQ/i) == "qq") { return "QQ"; } else if (ua.match(/Alipay/i) == "alipay" && payway == 2) { return "alipay"; } return false; } 
 

由此可以判斷是否是App內建瀏覽器或者更加精細到某App內建瀏覽器。但是略坑的是：微信支付不管是在QQ、微信還是支付寶內建瀏覽器裡面都不能被喚醒；支付寶支付可以在支付寶內建瀏覽器喚醒，其餘則不能。

在外部瀏覽器開啟是用jquery遮罩層方式寫的，下面直接貼程式碼：

var isNeizhi = is_neizhi();  //呼叫上面js判斷
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //網頁可視區高度 var weixinTip = $('<div id="weixinTip"><p><img src="live_weixin.png" alt="微信開啟"/></p></div>'); if(isNeizhi){ $("body").append(weixinTip); } $("#weixinTip").css({ "position": "fixed", "left": "0", "top": "0", "height": winHeight, "width": "100%", "z-index": "1000", "background-color": "rgba(0,0,0,0.8)", "filter": "alpha(opacity=80)", }); $("#weixinTip p").css({ "text-align": "center", "margin-top": "10%", "padding-left": "5%", "padding-right": "5%" }); $("#weixinTip p img").css({ "max-width": "100%", "height": "auto" }); 
 

當然，提示的圖片素材你得要有一張，最終效果如下：