spy debugger

Über Spy-Debugger

One-Stop-Tool für Seiten-Debugging und Paketerfassung. Debuggen Sie jede mobile Browserseite und jede mobile Webansicht (wie WeChat, HybridApp usw.) aus der Ferne. Unterstützt HTTP/HTTPS, kein USB-Verbindungsgerät erforderlich.

Sprache: Englisch

Merkmal

1. Seiten-Debugging + Paketerfassung
2. Einfach zu bedienen, kein USB-Verbindungsgerät erforderlich
3. Unterstützen Sie HTTPS .
4. spy-debugger integriert weinre , node-mitmproxy und AnyProxy .
5. Von der nativen App initiierte HTTPS-Anfragen automatisch ignorieren und nur von Webview initiierte HTTPS-Anfragen abfangen. Es wird keine Auswirkungen auf native Apps haben, die SSL-Pinning-Technologie verwenden. [PS: Aufgrund der Anpassung des Proxy-Protokolls iOS 15 kann iOS 15 nicht mehr erkennen, ob die Anfrage vom Browser initiiert wird]
6. Kann mit anderen Proxy-Tools verwendet werden (Standardmäßig wird AnyProxy verwendet) (externen Proxy festlegen)

Anwendungsfälle

Seitenbearbeitungsmodus

Startbefehl: spy-debugger -w true

Schnittstelle zum Debuggen von Weiner-Seiten

Anyproxy-Paketerfassungsschnittstelle

Installieren

Unter Windows

    npm install spy-debugger -g

Unter Mac

    sudo npm install spy-debugger -g

Beginnen Sie in drei Minuten

Schritt 1: Halten Sie das Mobiltelefon und den PC im selben Netzwerk (z. B. gleichzeitig mit einem WLAN verbunden).

Schritt 2: Geben Sie in der Befehlszeile spy-debugger ein und befolgen Sie die Anweisungen in der Befehlszeile, um die entsprechende Adresse mit einem Browser zu öffnen.

Schritt 3: Stellen Sie den HTTP-Proxy des Mobiltelefons ein. Die Proxy-IP-Adresse wird auf die IP-Adresse des PCs eingestellt und der Port ist der Startport des spy-debugger (Standardport: 9888).

• Schritte zum Einrichten eines Proxys auf Android:设置- WLAN - 长按选中网络- 修改网络- 高级- 代理设置- 手动
• iOS-Proxy-Einstellungen:设置- 无线局域网- 选中网络- HTTP代理手动

Schritt 4: Installieren Sie das Zertifikat auf Ihrem Telefon. Hinweis: Das Mobiltelefon muss zuerst den Proxy einrichten und dann über einen mobilen Browser (nicht WeChat) auf http://s.xxx (地址二维码) zugreifen, um das Zertifikat zu installieren (das erste Debuggen des Mobiltelefons erfordert die Installation). Mobiltelefone, die das Zertifikat bereits installiert haben, müssen die Installation nicht wiederholen. Neu installierte Zertifikate unter iOS müssen die Zertifikatsvertrauenswürdigkeit manuell aktivieren

Schritt 5: Verwenden Sie Ihren mobilen Browser, um auf die Seite zuzugreifen, die Sie debuggen möchten.

Benutzerdefinierte Optionen

Hafen

(Standardport: 9888)

 spy-debugger -p 8888

Richten Sie einen externen Proxy ein (verwendet standardmäßig AnyProxy)

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

Der integrierte AnyProxy von Spy-Debugger bietet eine Paketerfassungsfunktion, kann aber auch mit anderen Paketerfassungs-Proxy-Tools verwendet werden, indem ein externer Proxy eingerichtet wird, z. B. Charles und Fiddler.

Stellen Sie den Seiteninhalt auf den bearbeitbaren Modus ein

Diese Funktion macht die Änderung von Seiteninhalten intuitiver und bequemer. (Standard: false)

 spy-debugger -w true

Internes Implementierungsprinzip: Fügen Sie Code in die Seite ein, die debuggt werden muss: document.body.contentEditable=true . Seiten, die den Iscroll-Frame verwenden, werden noch nicht unterstützt.

Gibt an, ob weinre die von iframe geladenen Seiten überwachen darf

(Standard: false)

 spy-debugger -i true

Ob nur vom Browser initiierte https-Anfragen abgefangen werden sollen [PS: Aufgrund der Anpassung des Proxy-Protokolls iOS 15 ist es nicht mehr möglich zu erkennen, ob die Anfrage vom Browser initiiert wird]

(Standard: false)

 spy-debugger -b true

Die von einigen Browsern ausgegebene Verbindungsanforderung überträgt den UserAgent nicht korrekt, und diese Beurteilung geht manchmal schief, wie beispielsweise bei UC Browser . Dieses Mal muss es auf „false“ gesetzt werden. In den meisten Fällen wird empfohlen, die Standardkonfiguration zu aktivieren: true Da eine große Anzahl von Anfragen, die von der App selbst (nicht WebView) ausgegeben werden, derzeit die SSL-Pinning-Technologie verwenden, besteht das benutzerdefinierte Zertifikat die Zertifikatsüberprüfung der App nicht.

Ob HTTP-Caching zugelassen werden soll

(Standard: false)

 spy-debugger -c true

Mehr

• Der Fehler wurde behoben, bei dem weinre in der V7-Version node.js abstürzte

• Das Problem, dass weinre das Protokoll console.log nicht vor dem Ereignis „Seitendokument document ready drucken konnte, wurde verbessert und behoben.

• Verbessern Sie die Funktion zum Drucken nicht weinre Ausnahmen (Uncaught Exceptions).

• Das Prinzip des spy-debugger besteht darin, weinre zu integrieren, wodurch es für weinre einfacher wird, jeder Debug-Seite JS-Code hinzuzufügen. Das Prinzip des spy-debugger besteht darin, alle HTML-Seitenanforderungen abzufangen und den von weinre benötigten JS-Code einzufügen. Machen Sie das Debuggen von Seiten komfortabler.