Red de conocimiento informático - Material del sitio web - Cómo simular un navegador móvil

Cómo simular un navegador móvil

1. Navegador Chrome*

Existen cuatro métodos para que Chrome simule un teléfono móvil. Los principios son los mismos. Al disfrazar el User-Agent, el navegador se simula como un. Dispositivo Android. Los siguientes marcados con estrellas son métodos recomendados.

1. Cree un nuevo acceso directo de Chrome

Haga clic derecho en el icono del navegador Chrome en el escritorio, seleccione "Copiar" en el menú emergente contextual y copie una copia. del icono al escritorio. Haga clic derecho en la copia, seleccione "Propiedades", abra el cuadro de diálogo correspondiente y agregue la siguiente declaración después de los caracteres en el cuadro de texto "Destino": "–user-agent="Android"", como se muestra a continuación:

Tenga en cuenta que hay dos "-" delante del usuario y hay un espacio entre "chrome.exe" y "-user". Después de la confirmación, abra el nuevo acceso directo de Chrome, ingrese 3g.qq.com y podrá navegar a la misma página como si estuviera abierta en su teléfono.

En este momento, puedes crear un nuevo usuario, lo que no afectará la versión móvil a la que accede el usuario original cuando visita.

2. Simule teléfonos iPhone y Android a la vez

Inicio: ingrese el siguiente comando durante la ejecución para iniciar el navegador:

Simular Google Android:

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, como Gecko) Versión/4.0 Mobile Safari/ 533.1 "

Emular iPhone de Apple:

chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 como Mac OS X; es-es) AppleWebKit /531.21.10 (KHTML, como Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"

Este método solo se usa en circunstancias especiales, porque reiniciar Chrome no restaurará la normalidad del usuario. Agente, entonces es de un solo uso.

Busque más agentes de usuario usted mismo.

3. Instalar complementos

Los complementos pueden cambiar fácilmente entre varios agentes de usuario, lo cual es muy conveniente, pero puede afectar ligeramente el rendimiento.

Dirección del selector de agente de usuario:/extensions/details/user-agent-changer/?display=en

2.Opera Mobile Emulator + dragonfly*

Descargue la versión que más le convenga. Después de la instalación, se abrirá la siguiente interfaz:

Seleccione la plataforma a la izquierda, seleccione los parámetros a la derecha y haga clic en Iniciar después de seleccionar. Las siguientes páginas le resultarán familiares. amigos que han usado Opera móvil. Es Opera móvil.

Para obtener una introducción más detallada al emulador móvil de Opera, consulte el contenido relacionado al final del artículo.

Pero en este momento, solo puede verlo y no puede depurar el sitio web en el simulador. Se requiere que Dragonfly coopere aquí para lograr la depuración. Dado que el kernel se cambió después de Opera 12, Dragonfly no se puede instalar. , por lo que necesita el navegador de opera12 y el paquete fuera de línea de dragonfly. Después de la configuración, consulte aquí/desarrollador/emulador móvil para obtener detalles sobre cómo conectarse.

Emulador*

1. Emulador oficial *

Cualquiera que desarrolle Android debe conocer el emulador de Android. Este es el entorno de desarrollo oficial proporcionado por Google. Puede simular el entorno de Android y cambiar entre versiones. el entorno configurado y luego abra eclipes, abra directamente AVDM, inserte un AVD y luego inicie, como se muestra a continuación:

Tomará un tiempo y el emulador se abrirá Al igual que el entorno de Android. Abra el navegador interno para probar. Pero no se puede abrir mi navegador, no sé por qué.

Dirección de descarga: /developer/opera-mini-simulator

3.página web móvil

Para ser honesto, no lo saqué después de mucho tiempo. tiempo.Soy muy despectivo. Sí, pero la plataforma que se puede probar es muy completa.

http://www.webpagetest.org/mobile

6. Resumen

Arriba se enumeran una variedad de métodos, cada uno con ventajas y desventajas. Espero que lo elijas. Cualquiera que sea el método que más te convenga, te recomiendo el método del propio emulador de Chrome y el emulador móvil Opera + Dragonfly. Porque estos dos métodos están cerca del entorno móvil real y pueden depurar css y js.

Por supuesto, la mejor manera que no se menciona en el artículo es tener un teléfono móvil, eso sería genial, y la depuración remota es la forma más ideal.