Como quiero depurar
la página H5 en la vista web de la aplicación iOS con el sistema Windows , puedo encontrar esta herramienta y usar la información de console.log para depurar la página web en la aplicación.
Acerca del depurador de espías
Herramienta integral de captura de paquetes y depuración de páginas. Depuración remota de la página del navegador de cualquier teléfono móvil, cualquier vista web de un teléfono móvil (como: WeChat, HybridApp, etc.). Admite HTTP / HTTPS, no es necesario un dispositivo de conexión USB.
característica
1. Depuración de página + captura de paquetes
2. Operación simple , sin necesidad de dispositivo de conexión USB
3. Admite HTTPS.
4, spy-debugger
la integración interna weinre
, node-mitmproxy
, AnyProxy
.
5. Ignore automáticamente la solicitud https iniciada por la aplicación nativa y solo intercepte la solicitud https iniciada por la vista web. No causará ningún impacto en las aplicaciones nativas que utilizan tecnología de fijación SSL.
6. Se puede utilizar con otras herramientas de proxy (AnyProxy se utiliza de forma predeterminada) (Establecer proxy externo)
Casos de uso
Modo de edición de página
Comando de inicio:spy-debugger -w true
interfaz de depuración de la página Weiner
interfaz de captura anyproxy
instalación
Bajo Windows
npm install spy-debugger -g
Bajo Mac
sudo npm install spy-debugger -g
Tres minutos para empezar
Paso 1: Mantenga el teléfono y la PC en la misma red (por ejemplo, conéctese al mismo Wi-Fi al mismo tiempo)
Paso 2: Ingrese el depurador espía en la línea de comando y abra la dirección correspondiente con un navegador de acuerdo con la línea de comando.
Paso 3: Configure el proxy HTTP del teléfono móvil, la dirección IP del proxy se establece en la dirección IP de la PC y el puerto es el puerto de inicio del depurador espía (puerto predeterminado: 9888).
Pasos de configuración de proxy de Android: Pasos de configuración de proxy de 设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
iOS: 设置 - 无线局域网 - 选中网络 - HTTP代理手动
Paso 4: Instale el certificado en el teléfono. Nota: El teléfono móvil primero debe configurar el proxy y luego acceder al http://s.xxx(地址二维码)
certificado de instalación a través del navegador móvil (que no sea WeChat) (el teléfono móvil necesita instalar el certificado por primera vez en la depuración, y el teléfono móvil con el certificado instalado no necesita instalarlo de nuevo). Problema: el iOS 10.3.1
problema de instalación del certificado de la versión anterior
Paso 5: use el navegador móvil para visitar la página que desea depurar.
Opciones personalizadas
Puerto
(Puerto predeterminado: 9888)
spy-debugger -p 8888
Configurar un proxy externo (AnyProxy se usa por defecto)
spy-debugger -e http://127.0.0.1:8888
spy-debugger tiene AnyProxy incorporado para proporcionar la función de captura de paquetes, pero también se puede usar con otras herramientas de proxy de captura de paquetes configurando un proxy externo, como Charles y Fiddler.
Establecer el contenido de la página en modo editable
Esta función hace que la modificación del contenido de la página sea más intuitiva y conveniente. (Predeterminado: falso)
spy-debugger -w true
Internamente principio: la necesidad de inyectar código en la página de depuración: document.body.contentEditable=true
. Las páginas que usan el marco iscroll no son compatibles actualmente.
Si permitir que weinre monitoree la página cargada por el iframe
(predeterminado: falso)
spy-debugger -i true
Si interceptar solo las solicitudes https iniciadas por el navegador
(predeterminado: verdadero)
spy-debugger -b false
La solicitud de conexión enviada por algunos navegadores no lleva el userAgent correctamente y este juicio a veces es incorrecto, como el navegador UC. Este tiempo debe establecerse en falso. En la mayoría de los casos, se recomienda habilitar la configuración predeterminada: verdadero. Dado que una gran cantidad de solicitudes de aplicaciones de aplicaciones (no de WebView) utilizan actualmente la tecnología de fijación SSL, los certificados personalizados no pasarán la verificación del certificado de la aplicación.
Ya sea para permitir el almacenamiento en caché HTTP
(Predeterminado: falso)
spy-debugger -c true
Fuente original: yema de huevo de acridina