Ich weiß, wie man JavaScript in der Google Chrome-Konsole verwendet.JavaScript-Dateien in den Google Chrome-Entwicklertools ändern
Aber ist es möglich, JavaScript-Dateien in den Google Chrome-Entwicklertools zu bearbeiten und die Änderungen sofort zu sehen? Wenn das so ist, wie?
Ich habe versucht, den Code zu ändern, aber es hat keine Auswirkungen auf die Seite.
Sie können Javascript der Seite bearbeiten. Sie mussten einen Doppelklick in die alte Version von Chrome machen oder in der aktuellen Version müssen Sie einen einzigen Klick in der js-Datei machen. Danach müssen Sie Strg + S oder Cmd + S auf dem Mac drücken. Dann sendet DevTools den geänderten Code an V8.
Wenn Sie sich in einer Debugsitzung befinden und eine Pause in einer Funktion beibehalten, können Sie sie bearbeiten und nach Strg + S v8 wird der Ausführungspunkt aus der bearbeiteten Funktion verschoben, sodass Sie ihn erneut übergeben können.
Aber was, wenn die Javascript-Funktion nur einmal geladen wird, wenn die Seite geladen wird? – GangstaGraham
Meinst du läuft? – loislo
Im Kontextmenü befinden sich die Einträge "Speichern" und "Speichern unter ...". – loislo
Sie könnten eine globale Funktion neu definieren oder den Wert einer Variablen im Bereich ändern, aber mir ist in Chrome Dev Tools nicht bekannt, wie Sie Ihren Code live bearbeiten können. Ich bearbeite und drücke Refresh.
Sie können CSS auf der Registerkarte Quellen bearbeiten.
Ok danke. Dies wäre eine coole Funktion, die implementiert werden soll, aber ich hoffe, sie tun es in einem zukünftigen Update – GangstaGraham
@GangstaGraham - FYI, Sie können CSS direkt in Chrome über die Registerkarte Quellen bearbeiten. – jfriend00
Lustig ... das hat immer für mich funktioniert, funktioniert aber aus irgendeinem Grund nicht. Du musst nur den Code bearbeiten und Strg + s drücken. Http://jsfiddle.net/XpU6R/2/ Du musst vielleicht zweimal auf die hübsche Druckschaltfläche für Chrome klicken, um es zu bearbeiten. –
Kürzlich ist Chrome 25 herausgekommen, vielleicht auch einige Änderungen vorgenommen? Es ist nicht, dass ich den Code nicht ändern kann, es ist mehr davon hat keine direkte Auswirkung auf die Seite, die ideal wäre (wie Chrome bereits mit der Bearbeitung von CSS tut) – GangstaGraham
Betrachte auch [Workspaces] (https://stackoverflow.com/ Fragen/29232701/unfähig zu bearbeiten-Javascript-in-Chrome-Entwickler-Tools-Funktion der letzten Versionen von Chrome. – Vadzim