Frage

Ich versuche, einige JavaScript-Fehler zu beheben.Firebug erleichtert das Debuggen dieser Probleme bei der Arbeit in Firefox erheblich. Was tun Sie jedoch, wenn der Code in Firefox einwandfrei funktioniert, sich der IE jedoch beschwert?

War es hilfreich?

Lösung

Sie können sich auch die ansehen IE-Entwicklersymbolleiste Dies ist kein Debugger, hilft Ihnen jedoch bei der Analyse des Inhalts Ihres Codes.

Visual Studio wird beim Debuggen helfen

Geiger soll dabei helfen, den Datenverkehr zu und von Ihrem Browser zu analysieren

Andere Tipps

Du kannst es versuchen Firebug Lite oder verwenden Sie Visual Studio, um das JavaScript zu debuggen.

Seit Internet Explorer 8 wird IE mit einem integrierten Toolset zum Debuggen, zur Fehlerbehebung und allgemein zur Unterstützung bei der Entwicklung Ihrer Seiten/Anwendungen ausgeliefert.Sie können auf diese Tools zugreifen, indem Sie im Browser F12 drücken.

HTML-Registerkarte

Auf der Registerkarte „HTML“ können Sie einen Blick in das DOM werfen, so wie es der Browser versteht.Wenn Sie Elemente aus der HTML-Ansicht auswählen, werden deren Stile auf der rechten Seite detailliert beschrieben, wobei einzelne Regeln ein- und ausgeschaltet werden können.Sie können auch Regeln ändern und bestimmen, ob die Stile des Elements geerbt oder explizit zugewiesen wurden.Darüber hinaus können Sie sogar erkennen, aus welcher CSS-Datei sie stammen.

enter image description here

Auf der Registerkarte „HTML“ können Sie noch etwas mehr tun, z. B. Attribute von Elementen überprüfen und ändern und sogar Änderungen am Layout des Elements im Layoutabschnitt vornehmen.Darüber hinaus können Sie Änderungen direkt am Markup vornehmen, um einige Strukturideen schnell zu testen.

Registerkarte „Skript“.

Zur Lösung von JavaScript-Problemen können Sie sich die Konsole und das Skript-Tag ansehen.Wenn Ihr Skript auf einen Aufruf einer undefinierten Methode stößt, werden Sie in Ihrer Konsole benachrichtigt.Mit der Konsole können Sie auch beliebiges JavaScript auf Ihrer Seite ausführen, wenn Sie Elemente ein- oder ausschalten möchten, oder versuchen, einen Handler an eine Schaltfläche zu binden.

Die Registerkarte „Skript“ ist großartig. Sie formatiert Ihr JavaScript für Sie, ermöglicht Ihnen das Einfügen von Haltepunkten, das Ein- und Aussteigen in Codeblöcke und das Beobachten von Variablen im Laufe der Zeit.

enter image description here

Wenn Sie Firebug oder sogar den Webkit Inspector verwendet haben, sollten Ihnen die F12-Entwicklertools in Internet Explorer 8+ ziemlich vertraut sein.

Firebug Lite funktioniert bei mir nicht so gut.Die Entwicklersymbolleiste ist einfach nicht gut genug.Es gibt wirklich keine großartige Lösung.

Schauen Sie mal rein DebugBar.Die Lizenz ist für den persönlichen Gebrauch kostenlos

Probieren Sie für den DOM-Inspektor Folgendes aus Internet Explorer-Entwicklersymbolleiste.

Versuchen Sie es mit der Registerkarte „Netz“. Geiger.

Versuchen Sie es zum Debuggen von Javascript Visual Web Developer 2008 Express Edition.(Oder eine höhere Edition von Visual Studio)

Probiere auch DebugBar.

Visual Studio 2008 kann JavaScript-Debugging durchführen. Sie müssen zu „Extras->Internetoptionen->Erweitert“ des IE gehen und die Option „Skript-Debugging deaktivieren (Internet Explorer)“ deaktivieren, damit der Browser die erkannten Fehler anzeigt.

Sobald Sie sich in Visual Studio befinden, steht Ihnen im Grunde das gesamte Debugging-Arsenal zur Verfügung.Es ist nicht so integriert wie Firebug, aber es ist viel besser als alles, was wir früher hatten.

Ich denke, es ist besser, dass Sie zuerst das IE-Core-Add-on in Firefox installieren, dann die Seite mit dem ie-Add-on laden und F12 drücken.viel Glück.

Erstellen Sie ein Lesezeichen in der Favoritenleiste und geben Sie diese Adresse als URL ein:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Navigieren Sie dann zur gewünschten Seite und klicken Sie auf den Link.Firebug Lite wird/sollte sich öffnen...

Die IE8-Beta enthält meiner Meinung nach die IE Developer-Symbolleiste, aber sie scheint viel leistungsfähiger zu sein als beim letzten Mal, als ich die Symbolleiste im IE7 ausprobiert habe

Einigen Antworten zufolge vermute ich, dass diese Frage vor der Veröffentlichung des IE8-Finales gestellt wurde.

Heutzutage sind die integrierten Entwicklertools des IE8 großartig;und obwohl das JS-Debugging nicht so nützlich ist wie Visual Studio, sind die Dev Tools meiner Meinung nach im Allgemeinen viel besser als Firebug.Zwischen diesem und dem Browsermodus „Kompatibilitätsansicht“ kann ich alle meine IE6-Entwicklungsanforderungen erfüllen.

Ich habe eine Lösung für dieses Problem gefunden. Sie könnten dieses Tag einfach auf die Seite kleben, die Sie debuggen möchten, und es würde den Firebug öffnen:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

Erklärung von https://getfirebug.com/firebuglite#Stable

Wenn Sie ein ernsthafter Front-End-Entwickler sind, testen Sie die AJAX Edition:

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

Es handelt sich um ein kostenloses Tool, mit dem Benutzer verstehen können, was Leistungs- und Funktionsprobleme in modernen AJAX-/Webanwendungen verursacht.

Gehen Sie in IE zu MenuuBar-> Tools Select-Debugger-Tools. Drücken Sie F12 und genießen Sie es.Es ist weit entfernt von Fire Bug, aber für schnelle Hilfe geeignet

Es gibt immer eine Möglichkeit, dieses Problem zu umgehen. Schauen Sie sich das Video an und Sie können Firebug in 2 Minuten installieren.

Installiere Firebug auf zB

Viel Glück

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top