Das Beispiel in diesem Artikel beschreibt die JS-Methode, um festzustellen, ob die aktuelle Seite im WeChat-Browser geöffnet ist. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Ich habe in letzter Zeit an vielen HTML5-Projekten gearbeitet und viele Seiten werden über SNS wie WeChat und Weibo geteilt. Stellen Sie auf der Freigabeseite Downloads der Unternehmens-APP bereit. In vielen Anwendungsbrowsern kann die Anwendung jedoch nicht heruntergeladen werden, wenn auf den Download-Link geklickt wird. Für diese Browser müssen wir Benutzer daher auffordern, die Freigabeseite über Safari oder den systemeigenen Browser zu öffnen. Über js können Sie bestimmen, in welchem Browser die aktuelle Seite geöffnet wird.
Das Folgende ist ein Beispielcode. Die Kommentare zeigen, wie mit JS festgestellt wird, ob es im WeChat-Browser geöffnet wird, ob es im QQ Space-Browser geöffnet wird und ob es in Sina Weibo geöffnet wird. Natürlich kann es noch weiter aufgeschlüsselt werden, um festzustellen, ob es auf einem mobilen Gerät oder einem PC-Browser geöffnet wird. Es kann weiter aufgeschlüsselt werden, um festzustellen, ob es auf einem Android-System geöffnet wird Browser oder ein IOS-Systembrowser.
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开 } if (ua.match(/WeiBo/i) == "weibo") { //在新浪微博客户端打开 } if (ua.match(/QQ/i) == "qq") { //在QQ空间打开 } if (browser.versions.ios) { //是否在IOS浏览器打开 } if(browser.versions.android){ //是否在安卓浏览器打开 } } else { //否则就是PC浏览器打开 }
Fügen Sie den Browsercode hinzu und Sie können viele Browser mit den folgenden Methoden ermitteln. Einschließlich der Beurteilung von IE-Browsern, Opera-Browsern, Safari, Google Chrome, Firefox usw.
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, //火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 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, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }
Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.