Ich habe Printf Debugging schon einmal verwendet und seitdem schien ich den Fehler mit dieser Methode immer schneller zu beheben.
In einigen Fällen werden bessere Werkzeuge benötigt, hier sind einige der Besten von ihnen, und ich bin sicher, dass Sie sie nützlich finden:
1. Debugger;
Sie können den "Debugger" verwenden; Anweisung zum Hinzufügen von erzwungenen Haltepunkten zu Ihrem Code.
Brauchen Breakpoint -Bedingungen? Wickeln Sie es einfach in die IF -Klausel:
Die Codekopie lautet wie folgt:
if (etwashappens) {
Debugger;
}
Denken Sie daran, es zu entfernen, bevor Sie online gehen.
2. Trennen Sie die Verbindung, wenn sich der Knoten ändert
Manchmal scheint Dom seine eigenen Ideen zu haben. Es ist schwierig, die Grundursache des Problems zu finden, wenn unglaubliche Änderungen auftreten.
Chrome -Entwickler haben super nützliche Fähigkeiten, um dieses Problem zu debuggen. Dies heißt "Break on ...", den Sie finden, indem Sie mit der rechten Maustaste auf den Registerkarte "Elemente" klicken.
Breakpoints können nach dem Löschen eines Knotens festgelegt werden, wenn sich die Eigenschaften des Knotens ändern oder Knoten in der Änderung der Subtree -Änderung.
3. Ajax Breakpoint
XHR -Haltepunkte oder was ich AJAX -Haltepunkte nenne, ermöglichen auch eine Trennung, wenn eine erwartete AJAX -Anforderung erstellt wird.
Dies ist ein überraschendes Tool beim Debuggen des Netzwerks Ihrer Webanwendung.
4. Simulieren Sie verschiedene mobile Geräte
Chrome fügt integrierte Mobilgeräte-Simulations-Tools hinzu, die Ihre tägliche Routine vereinfachen.
Wählen Sie alle Registerkarten ohne Konsolen aus, um sie zu finden, drücken Sie die ESC-Taste auf der Tastatur und wählen Sie das mobile Gerät aus, das Sie berühren möchten.
Sie werden sicherlich kein echtes iPhone bekommen, aber die Größe, die Touch -Events und die Zeit werden Ihnen folgen.
5. Verbessern Sie Ihre Website durch Audit
Yslow ist ein tolles Werkzeug. Chrome enthält auch ein ähnliches Tool namens Audits unter Entwickler -Tools.
Verwenden Sie eine kurze Überprüfung Ihrer Website, um nützliche praktische Optimierungs -Tipps zu erhalten.
Was noch?
Ohne diese Tools kann ich mir nicht vorstellen, wie ich mich entwickeln kann. Ich werde mehr posten, wenn ich neue finde. Bleib dran.