So verwenden Sie JavaScript, um mehrere gängige Browser über userAgent zu bestimmen

Vorwort

Normalerweise müssen Sie beim Erstellen von H5-Seiten einige Arbeiten zur Verkehrsumleitung innerhalb von WeChat, QQ, Weibo und anderen Ökosystemen durchführen, die Verkehrsumleitung wird jedoch durch diese Plattformen eingeschränkt. Beispielsweise ist der letzte Artikel „Implementierung der h5 Wake-Up-App und zu beachtende Punkte“ ein Kompromiss. Wie sehen also die User Agents dieser häufig verwendeten Browser aus? Wie soll man urteilen? Lassen Sie uns dieses Thema heute genauer betrachten.

Benutzeragentendefinition

User Agent ist der chinesische Name für User Agent, abgekürzt als UA. Es handelt sich um einen speziellen String-Header, der es dem Server ermöglicht, das vom Client verwendete Betriebssystem und dessen Version, den CPU-Typ, den Browser und dessen Version, die Browser-Rendering-Engine, die Browsersprache, Browser-Plug-Ins usw. zu identifizieren. --- Aus der Baidu-Enzyklopädie

Aus diesem Satz können wir erkennen, dass wir über UA Informationen wie das vom Benutzer verwendete Betriebssystem und dessen Version, den CPU-Typ, den Browser und die Version abrufen können, richtig?

Mehrere gängige Browser UA

Hier sind nur WeChat, Weibo, QQ und andere Browser verfügbar. Der Rest ist noch nicht verfügbar. Wenn Sie Ergänzungen haben, senden Sie bitte eine private Nachricht oder hinterlassen Sie einen Kommentar.

Android

Die aktuell verwendete Android-Version ist Huawei Honor V9 Play, die aktuelle Android-Systemversion ist 7.0 und die EMUI-Version ist 5.1.

QQ-Browser

• UA: mozilla/5.0 (linux; u; android 7.0; zh-cn; jmm-al10 build/honorjmm-al10) applewebkit/537.36 (khtml, wie gecko) version/4.0 chrome/66.0.3359.126 mqqbrowser/9.6 mobile safari/537.36
• Version: 9.6.0.5170

Frage

• UA: Mozilla/5.0 (Linux; Android 7.0; jmm-al10 Build/honorjmm-al10; wv) AppleWebKit/537.36 (khtml, wie Gecko) Version/4.0 Chrome/62.0.3202.84 Mobile Safari/537.36 v1_and_sq_8.1.0_1232_yyb_d Qq/8.1.0.4150 Nettype/WLAN WebP/0.4.1 Pixel/720 Statusleistenhöhe/49 SimpleUISwitch/0
• Version: 8.1.0.4150

WeChat

• UA: mozilla/5.0 (Linux; Android 7.0; jmm-al10 Build/honorjmm-al10; wv) applewebkit/537.36 (khtml, wie Gecko) version/4.0 Chrome/66.0.3359.126 mqqbrowser/6.2 tbs/044807 Mobile Safari/537.36 mmwebid/4093 Micromessenger/7.0.6.1460(0x27000634) Prozess/Tools Nettype/WLAN Sprache/zh_cn
• Version: 7.0.6

Weibo

• UA: Mozilla/5.0 (Linux; Android 7.0; jmm-al10 Build/honorjmm-al10; wv) AppleWebKit/537.36 (khtml, wie Gecko) Version/4.0 Chrome/62.0.3202.84 Mobile Safari/537.36 Weibo (Huawei-jmm-al10__Weibo__9.8.0__Android__Android7.0)
• Version: 9.8.0

Apfel

Apple verwendet derzeit das iPhone 6s Plus und die aktuelle iOS-Version ist 12.4.

QQ-Browser

• UA: mozilla/5.0 (iPhone; CPU iPhone OS 12_4 wie Mac OS X) applewebkit/605.1.15 (khtml, wie Gecko) version/12.0 mqqbrowser/9.6.0 mobile/15e148 safari/604.1 qbwebviewua/2 qbwebviewtype/1 wktype/1
• Version: 9.6.0.4193

Frage

• UA: mozilla/5.0 (iPhone; CPU iPhone OS 12_4 wie Mac OS X) applewebkit/605.1.15 (khtml, wie Gecko) mobile/15e148 qq/8.1.0.437 v1_iph_sq_8.1.0_1_app_a Pixel/1080 Core/wkwebview Gerät/Apple (iPhone 6splus) nettype/WLAN qbwebviewtype/1 wktype/1
• Version: 8.1.0.437

WeChat

• UA: mozilla/5.0 (iPhone; CPU iPhone OS 12_4 wie Mac OS X) applewebkit/605.1.15 (khtml, wie Gecko) mobile/15e148 Micromessenger/7.0.5(0x17000523) nettype/wifi language/zh_cn
• Version: 7.0.5

Weibo

• UA: mozilla/5.0 (iPhone; CPU iPhone OS 12_4 wie Mac OS X) applewebkit/605.1.15 (khtml, wie Gecko) mobile/15e148 weibo (iPhone8,2__Weibo__9.7.1__iPhone__OS12.4)
• Version: 9.7.1

Alle oben genannten UA-Werte werden von toLowerCase verarbeitet und sind daher alle in Kleinbuchstaben.

Mehrere häufig verwendete Browser separat bestimmen

Vor der Beurteilung müssen Sie eine Operation an UA durchführen, nämlich alle Buchstaben in Kleinbuchstaben umwandeln, was mit toLowerCase erreicht werden kann, und sie dann separat beurteilen.

Es ist eigentlich sehr einfach, anhand der obigen UAs zu urteilen. Im letzten Artikel gibt es bereits eine Möglichkeit, dies wie folgt zu schreiben:

/micromessenger/i.test(u) // WeChat prüfen u.indexOf("weibo") > -1 // Weibo prüfen u.indexOf("qq") > -1 // QQ prüfen
u.indexOf("mqqbrowser") > -1 // QQ-Browser bestimmen

Beachten Sie, dass vor QQ ein Leerzeichen erforderlich ist.

Zusätzliche Informationen erhalten

Aus der obigen UA ist nicht schwer zu erkennen, dass das aktuelle System durch UA bestimmt werden kann, ob es sich um Android oder iOS handelt. Dies kann durch den folgenden Code unterschieden werden:

/android/i.test(UA) // Android beurteilen
/(iPhone|iPad|iPod|iOS)/i.test(UA) //Beurteile iOS

Aus den obigen Daten geht auch der konkrete Mobiltelefontyp hervor, auf den ich hier nicht näher eingehen werde. Darüber hinaus können viele mobile Browser UA ändern, beispielsweise Quark und UC. Wenn Sie es gründlich studieren, können Sie weitere Informationen erhalten.

Zusammenfassen

Damit ist dieser Artikel darüber, wie JavaScript mehrere häufig verwendete Browser über userAgent bestimmen kann, abgeschlossen. Weitere relevante Inhalte zur Browserbestimmung über JS userAgent finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!