La Red de Conocimientos Pedagógicos - Conocimientos sobre estudiar en el extranjero - Cómo determinar el tipo de cliente usando JS

Cómo determinar el tipo de cliente usando JS

Este artículo resume e introduce principalmente cuatro métodos para usar JS para determinar el tipo de cliente, como juzgar el agente de usuario del navegador, verificar si es un terminal móvil (Móvil), ipad, iphone, Amigos que Si lo necesita, puede consultar los métodos de WeChat, QQ, etc. a continuación

Prólogo

Cuando escribimos diseños receptivos, siempre debemos considerar si se trata de un terminal móvil. Aquí se resumen 4 métodos para determinar si el cliente es iOS o Android. Compártalo para referencia y estudio de todos. Echemos un vistazo a la introducción detallada con el editor.

El método es el siguiente:

1. El primer método: al juzgar el agente de usuario del navegador, utilice reglas regulares para juzgar si es un cliente de iOS y Android.

Agente de usuario El nombre chino es Agente de usuario, que forma parte del protocolo HTTP y un componente del dominio de encabezado también se conoce como UA. Es un encabezado de cadena especial, un identificador que proporciona el tipo y la versión del navegador, el sistema operativo y la versión, el núcleo del navegador y otra información que está utilizando en el sitio web visitante. A través de este logotipo, el sitio web visitado por el usuario puede mostrar diferentes diseños para brindar a los usuarios una mejor experiencia o realizar estadísticas de información, por ejemplo, acceder a Google desde un teléfono móvil es diferente a acceder desde una computadora. Estos son determinados por Google en función de. la UA del visitante de. La UA puede disfrazarse.

El formato estándar de la cadena UA del navegador: identificación del navegador (identificación del sistema operativo; identificación del nivel de cifrado; idioma del navegador) que representa la información de la versión de identificación del motor. Pero cada navegador es diferente.

El código es el siguiente:

2. El segundo método: verifique si es móvil, ipad, iphone, WeChat, QQ, etc.

2.1 El código es el siguiente:

2.2 Uso

/Determinar si es un núcleo de IE

if(browser.versions.trident){ alert("is IE"); /p>

//Determine si es un núcleo de webKit

if(browser.versions.webKit){ alert("is webKit" }

//Determine si es móvil

if(browser.versions.mobile||browser.versions .android||browser.versions.ios){ alert("mobile" }2.3 Detectar el idioma del navegador

currentLang = navigator.language; //Determina el idioma utilizado por otros navegadores excepto IE

if(!currentLang){//Determina el idioma utilizado por el navegador IE

currentLang = navegación

igator.browserLanguage;

}

alert(currentLang);3. Determine el cliente iPhone|iPad|iPod|iOS|Android

El código es el siguiente:

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //Juzga iPhone|iPad|iPod|iOS

//alerta (navigator .userAgent);

window.location.href ="iPhone.html";

} else if (/(Android)/i.test(navigator.userAgent)) { / /Juzgar Android

//alert(navigator.userAgent);

window.location.href ="Android.html";

} else { // pc

window.location.href ="pc.html";

};4. Determina si es PC o móvil

El código es de la siguiente manera:

5. Códigos de salto de uso común

Mira el código

Lo anterior es lo que compilé para todos, espero que sea útil para todos en el futuro.

Cómo determinar el tipo de cliente usando JS

Artículos populares