Heim >Web-Frontend >HTML-Tutorial >Verwenden Sie Fiddler, um eine Debugging-Umgebung für Mobiltelefone zu erstellen (das Projekt, an dem ich arbeite, ist das Debuggen des offiziellen WeChat-Kontos).

Verwenden Sie Fiddler, um eine Debugging-Umgebung für Mobiltelefone zu erstellen (das Projekt, an dem ich arbeite, ist das Debuggen des offiziellen WeChat-Kontos).

WBOY
WBOYOriginal
2016-10-18 08:42:061206Durchsuche

Referenz für einen Teil des Inhalts: http://ju.outofmemory.cn/entry/22854

Als wir das WeChat-Unternehmenskonto testeten, konnten wir es aufgrund der Einschränkungen von WeChat nicht zum Debuggen in den Chrome-Browser übertragen, sodass wir Seitenänderungen nicht in Echtzeit sehen konnten, also brauchten wir jemanden, der das konnte Schauen Sie sich jederzeit unsere Seite an. Obwohl es bei der Verwendung von Fiddler einige Probleme gibt und es immer noch nicht direkt in unserem Browser debuggt werden kann, ist es viel einfacher, als die geänderte Seite auf den Server hochzuladen und dann eine Anfrage über ein Mobiltelefon zu stellen.

1. Zuerst müssen wir einen Fiddler installieren. Es kann chinesisch sein oder nicht. Ich werde Ihnen einen Fiddler ohne chinesische Version zur Verfügung stellen. Link: http://pan.baidu.com/s/1miuGbyS Passwort: kjjg, einfach bestätigen und installieren. Nachdem die Installation abgeschlossen ist, nehmen wir die folgenden Einstellungen vor. Der Fiddler-Proxy verwendet standardmäßig Port 8888. Wir legen den HTTP-Proxy auf dem Mobiltelefon als Fiddler-Proxyserver fest (siehe unten), sodass alle Anfragen von mobilen Anwendungen über Fiddler weitergeleitet werden und so die Anzeige ermöglicht wird Funktion für mobile Seitenanfragen.

1) Legen Sie die Fiddler-Optionen fest.

Öffnen Sie Fiddler-& GT;

2) Um sicherzustellen, dass der Agent normal funktioniert, können wir zu diesem Zeitpunkt <img src="http://images2015.cnblogs.com/blog/986868/201610/986868-20161014165902218-926128696.png" alt="">netstat

-

anop tcp<span class="pln">netstat <span class="pun">-<span class="pln">anop tcp</span></span></span> in cmd

Überprüfen Sie, ob der Fiddler-Prozess normal auf Port 8888 lauscht. Wenn der Dienst nicht normal gestartet wird, können Sie versuchen, andere Ports und den Ort der Portänderung zu verwenden (kann direkt im geändert werden). vorherigen Schritt).

Öffnen wir zunächst den Task-Manager, um zu sehen, wie der PID-Code unseres Fiddlers unten lautet. Die Tastenkombination zum Öffnen des Task-Managers ist Strg Umschalt ESC Unter normalen Bedingungen, wie in der Abbildung gezeigt, ist die PID unserer Fiddler.exe 3156. Wenn in Ihrer Benutzeroberfläche kein PID-Element vorhanden ist, schauen Sie nach unten.

Wählen Sie auf der Aufgabenverwaltungsseite „Ansicht – Spalte auswählen“ und setzen Sie ein Häkchen in die PID-Spalte, wie im Bild gezeigt, damit die PID in der Aufgabenverwaltungsoberfläche verfügbar ist.

Öffnen Sie unser cmd und führen Sie den Befehl netstat -anop tcp aus. Wie in der Abbildung unten gezeigt, können wir sehen, dass die PID 3156 ist und Port 8888 überwacht. Als nächstes müssen wir den Proxy auf dem Fiddler-Proxy einstellen. Die IP-Adresse ist die LAN-IP-Adresse des Computers, auf dem Fiddler installiert ist Der Standardport ist der Port 8888 des Fiddler-Proxys. Stellen Sie sicher, dass das Netzwerksegment, in dem sich das Mobiltelefon befindet, auf das Netzwerksegment zugreifen kann, in dem sich der Computer befindet. Im selben LAN liegt normalerweise kein Problem vor (der Computer verwendet Breitband). , das Mobiltelefon nutzt WLAN, ein Netzwerk reicht aus).

2. Überprüfen Sie die IP des Computers, auf dem wir die Fiddler-Software installiert haben. Wie im Bild gezeigt, lautet die IP meines Computers 192.168.1.12, da ich das Netzwerk des Unternehmens verwende Es wird jeden Tag dynamisch abgerufen. Wenn wir also die IP nicht in eine feste ändern, müssen wir sie jedes Mal manuell ändern, wenn wir Fiddler verwenden.

3. Richten Sie einen Proxy für unser Mobiltelefon ein und rufen Sie 192.168.1.12:8888 auf. Der Proxy-Hostname ist die IP unseres Computernetzwerks Der Server-Port ist der, den unser Fiddler überwacht, wie im Bild gezeigt

                                                                                        

4. Schließlich müssen wir die Hosts-Datei unseres Computers konfigurieren. Der Pfad lautet wie folgt:

Schreiben Sie die IP unseres Computers, gefolgt von der URL der Webseite, die wir debuggen möchten.

Auf diese Weise können wir unsere handextremen Seiten debuggen.

5. Problem: Nachdem wir Fiddler eingerichtet haben, können beim Besuch einer Website mit https-Protokoll die folgenden Probleme auftreten, wie in der Abbildung gezeigt:

Dieses Problem führt dazu, dass wir auf einige Website-Inhalte wie Baidu, Alibaba usw. nicht normal zugreifen können. Dies liegt daran, dass unser Fiddler die Überwachung von https aktiviert hat. Entfernen Sie einfach die Prüfung in den Einstellungen. Klicken Sie auf der Fiddler-Seite auf Extras – Telerik Fiddler Option – HTTPS und entfernen Sie das Häkchen, das den https-Kanal überwacht (HTTPS-Verkehr entschlüsseln)

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:HTML5 CSS3-DoraemonNächster Artikel:HTML5 CSS3-Doraemon