<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <title>判斷是否是微信內置瀏覽器</title> <style>.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 1998; display: none;} .wxtip-icon{width: 52px; height: 67px; background: #111; display: block; position: absolute; right: 20px; top: 20px;} .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;} </style></head> <body> <div class="wxtip" id="JweixinTip"> <span class="wxtip-icon"></span> <p class="wxtip-txt">點擊右上角<br/>選擇在瀏覽器中打開</p> </div></body> </html> <script type="text/javascript"> /* 智能機瀏覽器版本信息: */ var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//移動終端瀏覽器版本信息 trident: u.indexOf('Trident') > -1, //IE內核 presto: u.indexOf('Presto') > -1, //opera內核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核 ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1, //是否web應該程序，沒有頭部與底部 wechar:u.indexOf('MicroMessenger') > -1 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } /* 判斷的方法 */ if(browser.versions.wechar){ document.getElementById('JweixinTip').style.display='block'; } if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { document.getElementById('JweixinTip').style.display='block'; }else if (browser.versions.android) { document.getElementById('JweixinTip').style.display='none'; } </script> |
新聞熱點
疑難解答
