Debuggen von Webseiten in Internet Explorer

https://stackoverflow.com/questions/116576

02-07-2019
|

Frage

Ich habe eine Website, die wirklich langsam und „fühlt“ wirklich schlecht ist, wenn es zu benutzen. Der Server ist in Ordnung, es ist ein client Problem, ich, weil zu viel JavaScript oder Bildanfragen annehmen, aber da es nicht meine eigene Webseite ist, frage ich mich, ob es eine Möglichkeit ist, die Seite von innen IE zu zeigen und profilieren.

In Firefox, würde ich Firebug, Y! Langsam und die Web Developer Erweiterung alle JavaScript, um zu sehen, CSS, Bilder und andere Anfragen, AJAX Anfragen usw., aber auf IE habe ich sehe kein Problem. Ich weiß, ich Firefox verwenden könnte, aber die Seite funktioniert besser in FF als im IE, so frage ich mich, ob es eine Entwicklung Addon speziell in IE ist.

Edit: Vielen Dank für die vielen Anregungen! Zu viele gute Antworten man als „akzeptiert“ holen, aber ich werde einen Blick auf die verschiedenen Werkzeuge haben vorgeschlagen.

Lösung

Es ist der Internet Explorer Web Developer Toolbar . Es ist nicht so gut wie Firebug IMHO, aber es funktioniert.

IE8 wird mit einem eingebauten, versenden.

Andere Tipps

Fiddler mit Hilfe Sie die Internet-Aktivitäten zu sehen. Es zeigt ein Protokoll aller Request / Response-Nachrichten über den Netzwerk-Stack.

Es gibt eine Lite-Version von Firebug, die mit IE und anderen Browsern funktionieren, haben Sie versucht, das?

Versuchen Sie Fiddler ! Es ist ein freies, HTTP Debugging Proxy, die unter anderem einen Einblick auf das, was in Ihrer Website geladen, was verlangsamen kann es nach unten, etc. Es Features wie Decodierung komprimiert Ressourcen vorangeschritten ist, vorge vorgefertigte Antworten für bestimmte URLs bereitstellt, usw. Fiddler ist ein Muss für jeden Web-Entwickler zu lernen.

Ich würde auch zwei Werkzeuge vorschlagen, für die Entdeckung JavaScript Speicherlecks :

Ich habe mit Web Development Helper in letzter Zeit . Es tut HTTP-Protokollierung besser als Firebug. Hier können Sie auch beliebigen Javascript ausgeführt werden.

Es gibt ein JS-Bibliothek namens Firebug Licht, müssen Sie es in Ihrer Website aufzunehmen. Was sie tut, für Sie ist es Ihnen ermöglicht, ein div um Pop-up, in dem Sie Text spucken kann, wie in Firebug, mit den gleichen Anweisungen, die Sie tun es in Firebug. MochiKit hat auch so etwas wie diese.

Dies ist kein Profiler oder Plugin, aber Sie können die Quirksmode kann Ihnen helfen, einige der IE-zentrierte Probleme Unkraut durch, sobald Sie sie finden.

Haben Sie laufen Performance-Monitore auf der Client-Seite, um zu sehen, was los ist, z.B. gibt es eine Reihe von Speicher-Swapping, dass die Dinge nach unten oder ist es gesamten Netzwerkverkehr verlangsamt, das das Problem ist?

Ein weiterer Gedanke ist, ob es Server-Logs, die in zu sehen, die Zeit der Anfragen eine Hilfe sein kann, wenn es eine Reihe von Dateien sind ebenfalls zu laden, wie Javascript Dinge zu initialisieren.

Mit einem Netzwerk-Sniffer wie Wireshark oder einen Proxy verwenden, können Sie den Datenverkehr überwachen und sehen, ob es das Laden von Bildern und / oder Skripten ist, dass Sie Website verlangsamen. Wenn Sie unsicher sind -. Wende oder Ihre Javascripts Kommentar aus, um auszuschließen, dass es die Verarbeitung von ihnen ist, die unten sind verlangsamt

Wenn Sie keine Hinweise in dem Netzwerkverkehr von einer Verlangsamung sehen können - dann werden Sie haben eine tiefere Analyse des Javascript-Code selbst zu tun - vielleicht durch Timer oder andere Messungen eingefügt, um zu sehen, welche Teile es das könnte ist optimiert werden.

Ich benutze Httpwatch . Es liefert alle Informationen, wie Firefox LiveHeaders, aber in einer viel nützlichen Weise. Es ist auch ein großes Werkzeug, um festzustellen, ob Sie Inhalte haben, die Operationen zum Herunterladen weitere Inhalte für eine Seite.

blockieren

Sie können versuchen, debug bar und companionJS von der gleichen Firma http://www.debugbar.com/ und sie sind frei und ziemlich ähnlich wie Firebug in Konzept, aber nicht so entwickelt

Httpwatch ist auch ziemlich erstaunlich, wie IE-Plugins gehen.

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow