resumen:
Nuestro trabajo más importante para el desarrollo frontal es la compatibilidad, la compatibilidad del sistema, la compatibilidad del navegador, etc. Hoy compartiré un método para juzgar el sistema operativo y el navegador que encapsulé en el proyecto.
Sistema operativo:
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), Iswindows: ISWINDOWS: ISWINDOWS: ISWINDOWS: ISWINDOS 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/.test (user nt 6.1/. iswin81: /windows nt 6.3 /.test (userAgent)};} ());Si desea determinar si el sistema es un iPad, solo necesita determinar si (OS.Isipad) {}.
Navegador:
var bw = (function () {var userAgent = navigator.useragent.tolowerCase (); return {isuc: /ucweb/.test(useragent), // uc browser browser ischrome: /firefox/test(tent) // Firefox isOpera: /opera/.test(useragent), // browser ópera isSafire: /Safari/.test(useragent) &&! /Chrome/.test (userAgent), // firefox isOpera: /persa/.test(Useragent), // browser issafire: /Safari/.tent (ultest) !/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 (UserAgent), // ie6 isie7:/msie 7.0/.test (userAgent), // ie7 isie8:/msie 8.0/.test (userAgent), // ie8 isie9:/msie 9.0/.test (userAgent), // iE9 isie10:/msie 10.0/.test (usergent) //e10 iso10 ISIE11: ISIE11: ISIE11: ISIE11, ISIE11, I ISIE11, ISIE11, I ISIE11: ISIE11, I ISIE11, ISIE11, ISIE11, ISIE11, I ISIE11, ISIE11, I ISIE11, I ISIE11, I ISIE11: ISIE11, ISIE11, I ISIE11, I ISIE11. /msie 11.0 /.test (userAgent), // ie11 islb: /lbbrowser/.test(useragent), // beetah browser iswx: /micromessenger/.test(useragent), // wechat browser browser isqq: /qqbrowser/.test(useragent) // qq brows brows);]
resumen:
Los navegadores son probados por mí mismo. El que puede tener problemas es el navegador Chrome. Debido a que la mayoría de los navegadores usan el núcleo WebKit, intercepté la navegación de Chrome para distinguirlos. Si la posición de información del Chrome Navigator o la longitud después de los cambios de Chrome en el futuro, surgirán fácilmente los problemas, pero en la actualidad está bien.
Hoy en día, porque el navegador UC en teléfonos móviles a menudo bloquea los anuncios de Baidu, pero no bloquea los anuncios de Google. Podemos agregar para determinar si es un navegador UC. No mostrará anuncios de Baidu, pero se mostrarán los anuncios de Google.
if (navigator.useragent.indexof ('ucbrowser')> -1) {alerta ("UC Browser");} else {// No es una operación realizada por el navegador}De hecho, se pueden aprobar algunas operaciones especiales de navegadores específicos
JS obtiene información del navegador
Nombre del código del navegador: Navigator.appCodeName
Nombre del navegador: Navigator.appname
Número de versión del navegador: Navigator.Apversion
Soporte para Java: Navigator.javaEnabled ()
Tipo de mime (matriz): navegator.mimetypes
Plataforma del sistema: Navigator.platform
Complementos (matriz): navigator.plugins
Agente de usuario: navigator.useragent