spy debugger

À propos du débogueur espion

Outil unique de débogage de page et de capture de paquets. Déboguez à distance n'importe quelle page de navigateur mobile et n'importe quelle vue Web mobile (telle que WeChat, HybridApp, etc.). Prend en charge HTTP/HTTPS, aucun périphérique de connexion USB requis.

Langue : Anglais

caractéristiques

1. Débogage de page + capture de paquets
2. Facile à utiliser, aucun périphérique de connexion USB requis
3. Prise en charge de HTTPS .
4. spy-debugger intègre weinre , node-mitmproxy et AnyProxy .
5. Ignorez automatiquement les requêtes https initiées par l'application native et interceptez uniquement les requêtes https initiées par webview. Cela n’aura aucun impact sur les applications natives qui utilisent la technologie d’épinglage SSL. [PS : En raison de l'ajustement du protocole proxy iOS 15 , iOS 15 n'est plus en mesure de détecter si la requête est initiée par le navigateur]
6. Peut être utilisé avec d'autres outils proxy (AnyProxy est utilisé par défaut) (définir un proxy externe)

Cas d'utilisation

Mode d'édition de pages

Commande de démarrage : spy-debugger -w true

interface de débogage de la page Weiner

interface de capture de paquets anyproxy

Installer

Sous Windows

    npm install spy-debugger -g

Sous Mac

    sudo npm install spy-debugger -g

Commencez en trois minutes

Étape 1 : Gardez le téléphone mobile et le PC sur le même réseau (par exemple, connectés à un réseau Wi-Fi en même temps)

Étape 2 : Entrez spy-debugger sur la ligne de commande et suivez les invites de la ligne de commande pour ouvrir l'adresse correspondante avec un navigateur.

Étape 3 : Définissez le proxy HTTP du téléphone mobile. L'adresse IP du proxy est définie sur l'adresse IP du PC et le port est le port de démarrage du spy-debugger (port par défaut : 9888).

• Étapes pour configurer un proxy sur Android :设置- WLAN - 长按选中网络- 修改网络- 高级- 代理设置- 手动
• Étapes du proxy des paramètres iOS :设置- 无线局域网- 选中网络- HTTP代理手动

Étape 4 : Installez le certificat sur votre téléphone. Remarque : Le téléphone mobile doit d'abord configurer le proxy, puis accéder http://s.xxx (地址二维码) via un navigateur mobile (non WeChat) pour installer le certificat (le premier débogage du téléphone mobile nécessite l'installation du certificat. Les téléphones mobiles qui ont déjà installé le certificat n'ont pas besoin de le répéter). Les certificats nouvellement installés sur iOS doivent activer manuellement la confiance des certificats

Étape 5 : Utilisez votre navigateur mobile pour accéder à la page que vous souhaitez déboguer.

Options personnalisées

port

(Port par défaut : 9888)

 spy-debugger -p 8888

Configurer un proxy externe (utilise AnyProxy par défaut)

 spy-debugger -e http://127.0.0.1:8888

AnyProxy intégré à spy-debugger fournit une fonction de capture de paquets, mais il peut également être utilisé avec d'autres outils proxy de capture de paquets en configurant un proxy externe, tel que Charles et Fiddler.

Définir le contenu de la page en mode modifiable

Cette fonction rend la modification du contenu de la page plus intuitive et plus pratique. (Par défaut : faux)

 spy-debugger -w true

Principe d'implémentation interne : Injecter du code dans la page à déboguer : document.body.contentEditable=true . Les pages utilisant le cadre iscroll ne sont pas encore prises en charge.

S'il faut autoriser Weinre à surveiller les pages chargées par iframe

(Par défaut : faux)

 spy-debugger -i true

S'il faut intercepter uniquement les requêtes https initiées par le navigateur [PS : En raison de l'ajustement du protocole proxy iOS 15 , il n'est plus possible de détecter si la requête est initiée par le navigateur]

(Par défaut : faux)

 spy-debugger -b true

La demande de connexion émise par certains navigateurs ne transporte pas correctement le userAgent, et ce jugement tourne parfois mal, comme UC Browser . Cette fois, il doit être défini sur false. Dans la plupart des cas, il est recommandé d'activer la configuration par défaut : true. Étant donné qu'un grand nombre de requêtes émises par l'application elle-même (non-WebView) utilisent actuellement la technologie d'épinglage SSL, le certificat personnalisé ne passera pas la vérification du certificat de l'application.

S'il faut autoriser la mise en cache HTTP

(Par défaut : faux)

 spy-debugger -c true

Plus

• Correction du bug où weinre plantait dans la version node.js V7

• Amélioration et réparation du problème selon lequel weinre ne peut pas imprimer le journal console.log avant l'événement document ready de page.

• Améliorez la fonction d' weinre des exceptions non capturées (Uncaught Exceptions).

• Le principe de spy-debugger est d'intégrer weinre , ce qui simplifie la nécessité pour weinre d'ajouter du code js à chaque page de débogage. Le principe de spy-debugger est d'intercepter toutes les requêtes de pages html et d'injecter le code js requis par weinre . Rendre le débogage des pages plus pratique.