Ferramenta completa de depuração de página e captura de pacotes. Depure remotamente qualquer página do navegador móvel e qualquer webview móvel (como WeChat, HybridApp, etc.). Suporta HTTP/HTTPS, sem necessidade de dispositivo de conexão USB.
Idioma: Inglês
1. Depuração de página + captura de pacotes
2. Fácil de operar, sem necessidade de dispositivo de conexão USB
3. Suporte HTTPS .
4. spy-debugger
integra weinre
, node-mitmproxy
e AnyProxy
.
5. Ignore automaticamente as solicitações https iniciadas pelo aplicativo nativo e intercepte apenas as solicitações https iniciadas pelo webview. Isso não terá nenhum impacto em aplicativos nativos que usam tecnologia de fixação SSL. [PS: Devido ao ajuste do protocolo proxy iOS 15
, iOS 15
não consegue mais detectar se a solicitação foi iniciada pelo navegador]
6. Pode ser usado com outras ferramentas de proxy (AnyProxy é usado por padrão) (definir proxy externo)
Comando inicial: spy-debugger -w true
No Windows
npm install spy-debugger -g
No Mac
sudo npm install spy-debugger -g
Passo 1: Mantenha o celular e o PC na mesma rede (por exemplo, conectados a uma rede Wi-Fi ao mesmo tempo)
Passo 2: Insira spy-debugger
na linha de comando e siga as instruções da linha de comando para abrir o endereço correspondente com um navegador.
Etapa 3: Defina o proxy HTTP do telefone celular. O endereço IP do proxy é definido como o endereço IP do PC e a porta é a porta de inicialização do spy-debugger
(porta padrão: 9888).
设置- WLAN - 长按选中网络- 修改网络- 高级- 代理设置- 手动
设置- 无线局域网- 选中网络- HTTP代理手动
Passo 4: Instale o certificado no seu telefone. Nota: O celular deve primeiro configurar o proxy e depois acessar http://s.xxx
(地址二维码)
por meio de um navegador móvel (não WeChat) para instalar o certificado (a primeira depuração do celular requer a instalação do certificado. Os telefones celulares que já instalaram o certificado não precisam repeti-lo. Certificados recém-instalados no iOS precisam ativar manualmente a confiança do certificado
Etapa 5: use o navegador do seu celular para acessar a página que deseja depurar.
(Porta padrão: 9888)
spy-debugger -p 8888
spy-debugger -e http://127.0.0.1:8888
O AnyProxy integrado do spy-debugger fornece função de captura de pacotes, mas também pode ser usado com outras ferramentas de proxy de captura de pacotes configurando um proxy externo, como Charles e Fiddler.
Esta função torna a modificação do conteúdo da página mais intuitiva e conveniente. (Padrão: falso)
spy-debugger -w true
Princípio de implementação interna: injete código na página que precisa ser depurada: document.body.contentEditable=true
. As páginas que usam o quadro iscroll ainda não são suportadas.
(Padrão: falso)
spy-debugger -i true
iOS 15
, não é mais possível detectar se a solicitação é iniciada pelo navegador](Padrão: falso)
spy-debugger -b true
A solicitação de conexão emitida por alguns navegadores não carrega o userAgent corretamente e esse julgamento às vezes dá errado, como UC Browser . Desta vez, ele precisa ser definido como falso. Na maioria dos casos, é recomendado habilitar a configuração padrão: true Como um grande número de solicitações emitidas pelo próprio aplicativo (não WebView) usam atualmente a tecnologia de fixação SSL, o certificado personalizado não passará na verificação de certificado do aplicativo.
(Padrão: falso)
spy-debugger -c true
Corrigido o bug em que weinre
travava na versão node.js
V7
Melhorado e reparado o problema de não weinre
imprimir o log console.log antes do evento document ready
da página.
Melhorar a função de weinre
de exceções não detectadas (Exceções não detectadas).
O princípio do spy-debugger
é integrar weinre
, o que simplifica a necessidade de weinre
adicionar código js a cada página de depuração. O princípio do spy-debugger
é interceptar todas as solicitações de páginas HTML e injetar o código js exigido por weinre
. Torne a depuração de páginas mais conveniente.