1. Debugger;Ich habe schon gesagt, dass man einen Debugger-Satz zu seinem Javascrip{filter}t-Code hinzufügen kann; um einen Breakpoint-Effekt von Hand zu erzeugen.
Brauchen Sie einen Breakpoint mit den Bedingungen? Du musst es nur mit einer if-Anweisung umgeben:
Aber denken Sie daran, sie vor der Veröffentlichung des Programms zu streichen.
2. Setzen Sie den Breakpoint so, dass er ausgelöst wird, wenn sich der DOM-Knoten ändert
Manchmal stellt man fest, dass das DOM außerhalb der eigenen Kontrolle liegt und von selbst seltsame Veränderungen durchläuft, was es schwierig macht, die Wurzel des Problems zu finden.
In den Entwicklungstools von Google Chrome gibt es eine super nützliche Funktion, die diese Situation lösen kann, genannt "Break on...", man kann mit Rechtsklick auf den DOM-Knoten klicken und sieht diesen Menüpunkt.
Die Auslöserbedingung für einen Breakpoint kann so gesetzt werden, dass der Knoten gelöscht wird, sich die Eigenschaften des Knotens ändern oder einer seiner Unterknoten sich ändert.
3. Ajax-Breakpoints
XHR-Breakpoints, oder Ajax-Breakpoints, wie sie heißen, ermöglichen es uns, einen Breakpoint zu setzen, der den Ajax-Aufruf eines Features auslöst, wenn er auftritt.
Das ist sehr effektiv, wenn Sie eine Webanwendung über ein Netzwerk debuggen.
4. Mobile Gerätesimulationsumgebung
Google Chrome bietet einige sehr interessante Werkzeuge zur Simulation mobiler Geräte, die uns helfen zu debuggen, wie das Programm auf dem mobilen Gerät funktioniert.
Um es zu finden, drücke F12, öffne die Entwicklertools, dann die ESC-Taste (der aktuelle Tab kann nicht Konsole sein), und du siehst das zweite Debugging-Fenster im Emulator-Tab mit verschiedenen Emulationsgeräten zur Auswahl.
Natürlich wird dies kein echtes iPhone sein, sondern nur die Abmessungen des iPhones, Touch-Events und Browser-User Agent-Werte simulieren.
5. Verbessern Sie Ihre Website mit Audits
YSlow ist ein großartiges Werkzeug. In den Entwicklertools von Google Chrome gibt es ein sehr ähnliches Tool namens Audits.
Es überprüft Ihre Website schnell und gibt Ihnen sehr praktische und effektive Vorschläge sowie Möglichkeiten, Ihre Website zu optimieren.
|
Veröffentlicht am 13.06.2017 13:11:32
|
|
|
|
Veröffentlicht am 13.06.2017 15:24:17