résumé:
Notre travail le plus important pour le développement frontal est la compatibilité, la compatibilité du système, la compatibilité du navigateur, etc. Aujourd'hui, je partagerai une méthode pour juger le système d'exploitation et le navigateur que j'ai encapsulé dans le projet.
système opérateur:
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 (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 / .Test (UserAgent), ISWIN8: / Windows NT 6.2 /. iswin81: / windows nt 6.3 / .test (userAgent)};} ());Si vous souhaitez déterminer si le système est un iPad, il vous suffit de déterminer si (os.isipad) {}.
Navigateur:
var bw = (function () {var userAgent = Navigator.UserAgent.tolowerCase (); return {isuc: /ucweb/.test(USERAGENT), // UC Browser Ischrome: /chrome/.Test(USERAGENT.SUBSTR(-33,6)), // Chrome Browser Isfirefox: /firefox/.test(USERAGENT), // Firefox Isopera: /Opera/.Test(USERAGENT), // OPERA BROWSER ISSAFIRE: /SAFARI/.TEST(USERAGENT) &&! /chrome/.test (UserAgent), // Firefox Isopera: /Opera/. /safari/.test(USERAGENT) &&! /chrome/.test (UserAgent), // SAFIRE BROWNSER IS360: /360SE/.TEST(USERAGENT), // 360 BROWNSER ISBAIDU: /biBrowser/.Test(UserAgent), // Baidu IssouGou: /Metasr/.Testre // Sogou Browser ISIE6: / MSIE 6.0 / .Test (UserAgent), // IE6 ISIE7: / MSIE 7.0 / .Test (UserAgent), // IE7 ISIE8: / MSIE 8.0 / .Test (UserAgent), // IE8 ISIE9: / MSIE 9.0 / .TEST (UserAgent), // IE9 est 10.0 / .test (userAgent), // ie10 ISIE11: / msie 11.0 / .test (userAGE), // ie11 islb: /lbbrowser/.test(UserAgent), // Cheetah Browser iswx: /micromessenger/.test(USERAGENT), // wechat intégré Browser Isqqqq: /qqbrowser/.Test(USERAGENT) // QQ BROWSER};} ());]]
résumé:
Les navigateurs sont testés par moi-même. Celui qui peut avoir des problèmes est le navigateur Chrome. Parce que la plupart des navigateurs utilisent le noyau webkit, j'ai intercepté la navigation chromée pour les distinguer. Si la position d'information du Chrome Navigator ou la longueur après le chrome change à l'avenir, des problèmes surviendront facilement, mais c'est OK à l'heure actuelle.
De nos jours, car le navigateur UC sur les téléphones mobiles bloque souvent les publicités de Baidu, mais ne bloquez pas les publicités Google. Nous pouvons ajouter pour déterminer s'il s'agit d'un navigateur UC. Il n'affichera pas les publicités Baidu, mais les publicités de Google seront affichées.
if (navigator.useragent.indexof ('ucBrowser')> -1) {alert ("Uc Browser");} else {// pas une opération effectuée par le navigateur Theuc}En fait, certaines opérations spéciales de navigateurs spécifiques peuvent être passées
JS obtient des informations de navigateur
Nom du code du navigateur: Navigator.AppCodeName
Nom du navigateur: Navigator.Appname
Numéro de version du navigateur: Navigator.Appversion
Prise en charge de Java: Navigator.Javaenabled ()
Type de mime (tableau): Navigator.Mimétypes
Plateforme système: Navigator.Platform
Plugins (tableau): Navigator.plugins
Agent utilisateur: Navigator.UserAgent