ringkasan:
Pekerjaan kami yang paling penting untuk pengembangan front-end adalah kompatibilitas, kompatibilitas sistem, kompatibilitas browser, dll. Hari ini saya akan membagikan metode untuk menilai sistem operasi dan browser yang saya selimut dalam proyek.
Sistem Operasi:
var os = (function () {var userAgent = navigator.useragent.tolowercase (); return {iSipad: /ipad/.test(useragent), iSiphone: /iPhone os /.test (UserAgent), isandroid: /android/.test(userAGent), iSwindowsce: /windows. ponsel/.test (userAgent), iswin2k:/windows nt 5.0/.test (userAgent), isxp:/windows nt 5.1/.test (userAgent), isvista:/windows nt 6.0/.test (userAgent), iswin7:/windows nt 6.1/. iswin81: /windows nt 6.3 /.test (userAgent)};} ());Jika Anda ingin menentukan apakah sistem tersebut merupakan iPad, Anda hanya perlu menentukan apakah (OS.ISIPAD) {}.
Browser:
var bw = (function () {var userAgent = navigator.useragent.tolowercase (); return {isuc: /ucweb/.test(useragent), // uc browser ischrome: /chrome/.test(useragent.substr(-33,6), / /chromerome.subeGent. /firefox/.test(useragent), // firefox isopera: /Opera/.test(useragent), // opera browser issafire: /safari/.test(useragent) &&! /pouleFer/test (userAgent), // firefox isOpera: /poopera/test (UserAgent), // firefox iSopera: /PoPera. /safari/.test(useragent) &&! /chrome/.test (useragent), // browser safire IS360: /360se/.test(userAgent), // 360 browser isbaidu: /bidubrowser/.test(useragent), // BaiduGedu), /gidubrowser/.test(useragent),//BaiduGer. Sogou Browser ISIE6: /MSIE 6.0 /.TEST (UserAgent), // IE6 ISIE7: /MSIE 7.0 /.TEST (UserAgent), // IE7 ISIE8: /MSIE 8.0 /.test (userAgent), // ISIE9 ISIE9: /MSIE 9.0 /.test (userAgent), // ISIE9 ISie9 10.0/.test (UserAgent), // IE10 ISIE11:/MSIE 11.0/.test (UserAgent), // IE11 ISLB: /LBBrowser/.test(userAgent), // Browser Cheetah ISWX: /MicRomessenger/tes. /qqbrowser/.test(useragent) // qq browser};} ());]
ringkasan:
Browser diuji sendiri. Yang mungkin memiliki masalah adalah browser chrome. Karena sebagian besar browser menggunakan kernel webkit, saya mencegat navigasi krom untuk membedakannya. Jika posisi informasi navigator krom atau panjang setelah perubahan krom di masa depan, masalah akan dengan mudah muncul, tetapi saat ini tidak masalah.
Saat ini, karena browser UC pada ponsel sering memblokir iklan Baidu, tetapi jangan memblokir iklan Google. Kami dapat menambahkan untuk menentukan apakah itu browser UC. Ini tidak akan menampilkan iklan Baidu, tetapi iklan Google akan ditampilkan.
if (navigator.useragent.indexof ('ucbrowser')> -1) {alert ("uc browser");} else {// bukan operasi yang dilakukan oleh browser uuc}Faktanya, beberapa operasi khusus browser tertentu dapat dilewati
JS Mendapat Informasi Browser
Nama Kode Browser: Navigator.AppCodename
Nama Browser: Navigator.Appname
Nomor Versi Browser: Navigator.Appversion
Dukungan untuk Java: navigator.javaeNabled ()
Tipe mime (array): navigator.mimetypes
Platform Sistem: Navigator.Platform
Plugin (array): navigator.plugins
Agen Pengguna: Navigator.UserAgent