Ich glaube, ich habe gesehen, dass Chrome dies bereits getan hat, oder ich habe die Einstellungen deaktiviert. In Firefox mit installiertem Firebug kann ich im DOM-Inspektor nachvollziehen, welche Änderungen in Skripten zur Bearbeitung des HTML-Codes vorgenommen wurden [durch Hervorheben der Zeile (n) mit Gelb]. Gibt es eine Option, mit der ich sehen kann, welche Änderungen in DOM in Chrome vorgenommen wurden?
P.S. Nun, ich benutze Chrome gerne für die schnelle Entwicklung vom Star aus und benutze später alle anderen Browser wie Firefox. Außerdem würde ich gerne sehen, welche Änderungen im jQuery inview-Plugin vorgenommen wurden https://github.com/protonet/jquery.inview und die Demo hier http://jsbin.com/ugupa
javascript
firefox
google-chrome
user1076813
quelle
quelle
Antworten:
Durch Drücken von F12 in Chrome werden die Entwicklertools geöffnet.
Auf der Registerkarte Elemente werden alle HTML-Elemente auf der Seite angezeigt. Und mit dem Lupensymbol im unteren Menü können Sie das Element auf der gerenderten Seite auswählen und das HTML dahinter anzeigen.
Um zu sehen, was in jQuery passiert ist: Wenn Sie damit meinen, dass Sie das resultierende HTML sehen möchten, nachdem Ihr jQuery-Code ausgeführt wurde, können Sie dies auch auf der Registerkarte "Elemente" sehen. Wenn Sie meinen, dass Sie jQuery-Code debuggen möchten, können Sie dies tun, indem Sie auf der Registerkarte Quellen das zu debuggende Skript suchen und einige Haltepunkte hinzufügen.
quelle
Wenn ich das richtig verstanden habe, werden die erwarteten Änderungen auf der Registerkarte "Elemente" in den Entwicklungswerkzeugen nicht angezeigt. Ich bin gerade auf dieses Problem gestoßen, und es sieht aus, als wäre es eine Panne. Öffnen Sie einfach die Entwicklungswerkzeuge erneut und es sollte behoben sein
quelle