Live-Bearbeitung von Javascript in Chrome Developer Tools

Ich habe dies millionenfach getan, dh öffnen Sie die Javascript-Datei in der Registerkarte "Sources", bearbeiten und drücken Sie STRG + S, um es zu speichern, auf dem Chrome das gleiche mit bestätigen würde a "Neukompilierung und Aktualisierung erfolgreich".Live-Bearbeitung von Javascript in Chrome Developer Tools

Aber ich kann das nicht mehr tun! Es gibt keine Bestätigungsmeldung in der Konsole.

Auch schaltet sich das Quellfenster rötliche Fehler anzeigt, dies zu tun.

Das gleiche Skript wird von einem anderen System bearbeitet.

Ich bin auf Chrome 41.0.2272.101m/WIN8.

Das Skript ist nicht "verschönert", nur um das zu beantworten.!

Quelle

2015-03-24 Neo

Hatte das gleiche Problem, aber jetzt benutze ich Liveload. Vielleicht ist das auch eine Option für Sie. – newBee

ist Liveload ein Plugin? – Neo

teilweise, ja. Sie werden ein Plugin in Chrome haben, das mit einer Art Server zusammenarbeitet, der Ihren Browser/Plugin über Änderungen informiert. Ich habe Yeoman benutzt, der dir ein Skelett für dein Projekt generiert und automatisch alles aufsetzt, was du brauchst. Da dies jedoch keine Antwort auf Ihre ursprüngliche Frage ist, werde ich jetzt nicht alles ausführlich erklären. Sie könnten es googlen - sollte nicht zu schwer sein;) – newBee

Versuchen mit Arbeitsbereichen: https://developer.chrome.com/devtools/docs/workspaces

Fügen Sie den Projektordner als Arbeitsbereich in devtools durch einen Rechtsklick im linken Bereich in Quellen und wählen „Ordner hinzufügen to Workspace“.

Wählen Sie anschließend die Javascript-Datei aus dem Ordner in Ihrem Arbeitsbereich. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle in der Datei, um "Zu lokaler Ressource zuordnen" auszuwählen, und wählen Sie die Live-Datei aus, die der aktuellen Datei in Ihrem Arbeitsbereich entspricht.

Dies sollte Ihnen ermöglichen, Ihre JS-Datei zu aktualisieren, und alle gespeicherten Änderungen werden auf die aktuelle Seite ohne Aktualisierung übernommen.

Quelle

2015-03-25 08:24:33 micjamking

Arbeitsbereiche sind definitiv der beste Weg zu gehen. Sobald Sie sie mit Ihren lokalen Projektdateien eingerichtet haben, können Sie 100% Ihrer Arbeit direkt in Devtools erledigen, wenn Sie möchten. Ich habe ganze Websites auf diese Weise erstellt, ohne Chrome verlassen zu müssen.Es war großartig und schmerzlos, zeitsparend und einfach cool, dass es jetzt sogar möglich ist. – jaredwilli

Es funktioniert jetzt nicht. Ich habe versucht, Website-JavaScript zu bearbeiten, aber immer noch keinen Einfluss. –

Ich denke, diese Methode können Sie nur direkt in Ihre Datei über die Konsole speichern, aktualisiert es nicht oder aktualisieren Sie den Browser Live – samayo

Sie können folgenden Link beziehen. Es zeigt Schritt für Schritt Anleitung. https://www.youtube.com/watch?v=PJDPIsOfFZE Eine Sache, die ich fand, ist, dass Chrome-Erweiterung Jet Brain Plugin kann als Option konfiguriert werden (Rechtsklick auf JB bei Chrome-Erweiterung). Stellen Sie sicher, dass die Portnummer mit der Intellij-Debug-Portnummer übereinstimmt. Wenn Sie JRebel verwenden, unterscheidet sich seine Portnummer vom JavaScript-Debugger.

Quelle

2015-11-05 01:11:55

dachte ich, eine schöne Art und Weise heraus zu leben, eine Website JS bearbeiten, ohne etwas zu speichern. Es bleibt auch durch das Neuladen von Seiten bestehen, aber Sie müssen die Entwicklerkonsole geöffnet lassen:

- Fügen Sie einen Haltepunkt hinzu, an dem Sie Code einfügen möchten.

-Edit dieser Haltepunkt und addieren, was Änderungen, die Sie gemacht haben möchten.

-Stellen Sie sicher, dass die Zeile mit beenden „false;“ so dass der Haltepunkt niemals tatsächlich auslöst (außer Sie möchten, dass er ausgelöst wird)

Beispiel: Wenn die Haltepunktbedingung "valueToChange = 100; false;" lautet, wird 'valueToChange' jedes Mal ausgeführt, wenn die Ausführung diese Zeile überschreitet Setzen Sie auf 100.

Quelle

2016-09-19 16:10:46

Welche Version verwenden Sie? – Risinek

Live-Bearbeitung von Javascript in Chrome Developer Tools

Antwort

Verwandte Themen