Zusammenfassung:
Unser wichtigster Auftrag für die Front-End-Entwicklung ist die Kompatibilität, die Systemkompatibilität, die Browserkompatibilität usw. Ich werde heute eine Methode zur Beurteilung des Betriebssystems und des Browsers teilen, das ich im Projekt eingekapselt habe.
Betriebssystem:
var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad : /ipad/.test(UserAgent), isIphone : /iphone os/.test(UserAgent), isAndroid : /android/.test(UserAgent), isWindowsCe : /windows ce/.test(UserAgent), isWindowsMobile : /windows Mobile/.Test (Benutzeragent), ISWIN2K:/Windows NT 5.0/.Test (BenutzerAgent), ISXP:/Windows NT 5.1/.Test (Benutzeragent), Isvista:/Windows NT 6.0/.Test (Benutzeragent), Iswin7:/Windows NT 6.1/.Test (userAg), iswin8:/. iswin81: /window nt 6.3 /.test (userAgent)};} ());Wenn Sie feststellen möchten, ob das System ein iPad ist, müssen Sie nur feststellen, ob (os.issipad) {}.
Browser:
var bw = (function () {var userAgent = navigator.useragent.tolowerCase (); return {isuc: /ucweb/.test(useragent), // uc browser ischrome: /chrome/.test(useragent /firefox/.test(UserAgent), // Firefox isOpera : /opera/.test(UserAgent), // Opera browser isSafire : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // Firefox isOpera : /opera/.test(UserAgent), // Opera browser isSafire : /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire browser is360 : /360se/.test(UserAgent), // 360 browser isBaidu : /bidubrowser/.test(UserAgent), // Baidu browser isSougou : /metasr/.test(UserAgent), // SOGOU BROWSER ISIE6: /MSIE 6.0 /.TEST (Benutzeragent), // IE6 ISIE7: /MSIE 7.0 /.TEST (UserAgent), // IE7 ISIE8: /MSIE 8.0 /.TET (UserAgent), // IE8 Isie9: /msie 9.0 / 10.0/.Test (Benutzeragent), // IE10 ISIE11:/MSIE 11.0/.TEST (UserAgent), // IE11 ISLB: /lbbrowser/.Test(USeragent), // Cheetah Browser Iswx:/Micromessenger/Test(Useragent), // Wechat Integration Is. /qqbrowser/.test(useragent) // qq browser};} ());]
Zusammenfassung:
Die Browser werden von mir selbst getestet. Derjenige, der Probleme hat, ist der Chrombrowser. Da die meisten Browser den Webkit -Kernel verwenden, habe ich die Chromnavigation abgefangen, um sie zu unterscheiden. Wenn die Informationsposition des Chrom -Navigators oder die Länge nach Chromveränderungen in der Zukunft leicht auftreten, treten Probleme leicht auf, ist jedoch derzeit in Ordnung.
Heutzutage blockiert der UC -Browser auf Mobiltelefonen häufig die Anzeigen von Baidu, blockieren jedoch keine Google -Anzeigen. Wir können hinzufügen, um festzustellen, ob es sich um einen UC -Browser handelt. Es werden keine Baidu -Anzeigen angezeigt, aber die Anzeigen von Google werden angezeigt.
if (navigator.useragent.indexof ('ucbrowser')> -1) {alert ("uc browser");} else {// keine Operation, die vom TheUC -Browser} durchgeführt wird}In der Tat können einige besondere Operationen bestimmter Browser übergeben werden
JS erhält Browserinformationen
Browser -Code -Name: Navigator.Appcodename
Browsername: Navigator.Appname
Browser -Versionsnummer: Navigator.Appversion
Unterstützung für Java: navigator.javaenabled ()
MIME -Typ (Array): Navigator.Mimetypen
Systemplattform: Navigator.platform
Plugins (Array): Navigator.plugins
Benutzeragent: Navigator.Useragent