it-swarm.com.de

Wie kann ich Javascript-Code zur Laufzeit ändern?

Gibt es eine Möglichkeit, JavaScript-Code während des Debugging zu ändern? Visual Studio verfügt über "Edit and Continue" (Bearbeiten und Fortfahren). Ein ähnliches Hot-Swapping von Code kann in Java und anderen Sprachen erfolgen. Kann das mit JavaScript gemacht werden und wenn ja, wie? 

18
theninjagreg

Chrome, Safari und einige andere WebKit-basierte Browser enthalten eine Funktion im Web-Inspector, die als Live Edit bezeichnet wird. Wenn Sie zum Bedienfeld „Skripts“ gehen und an einem Haltepunkt angehalten werden (oder sogar, wenn Sie nicht an einem Haltepunkt angehalten werden - ich bin mir nicht sicher), können Sie auf eine Zeile doppelklicken und mit dem Bearbeiten dieser Zeile beginnen. Die von Ihnen vorgenommenen Änderungen werden im Skript wirksam.

11
icktoofay

Mit den Chrome Developer-Tools ist das ganz einfach.

Öffnen Sie einfach den geöffneten Inspektor, klicken Sie auf die Registerkarte scripts, wählen Sie aus dem Dropdown-Menü die gewünschte aus, und Sie können das Skript bearbeiten und Haltepunkte hinzufügen. Wenn Sie die Seite aktualisieren, bleiben Ihre Haltepunkte dort.

Wenn Sie sich diesen Vortrag aber von Paul Irish anschauen, zeigt er, wie Sie ein Skript im Handumdrehen bearbeiten können 

http://paulirish.com/2011/a-re-einführung-zu-der-chrom-entwicklerwerkzeuge/

auch gut: 

http://blip.tv/jsconf/jsconf2011-paul-irish-5382827

9
wesbos

Wenn Sie beim Debuggen davon sprechen, ist es sehr einfach, den laufenden Code zu ändern. In Ihrer Debugging-Konsole können Sie Javascript-Ausdrücke eingeben. Sie werden im Kontext des Fensters ausgeführt, das alle Objekte und Funktionen Ihres Codes enthält. Sie können sie also durch Neudefinieren austauschen.

2
Chetan

Da JavaScript das DOM ändern kann, müssen Sie die JavaScript-Datei grundsätzlich ändern, speichern und erneut laden. Für mich mag ich IE, also betreibe ich die Webseite in einem Browser, der sich NICHT im DEBUG-Modus befindet. Dann können Sie die Skriptdateien ändern, SPEICHERN. Wechseln Sie wieder zum Browser und laden Sie ihn erneut (F5), um die Änderungen zu sehen. Vermutlich hat IE 11 diese Fähigkeit (wahrscheinlich wie Chrome, was im Wesentlichen das ist, was ich mache, indem ich das Speichern beim Laden ändert, was ich sagen kann), aber ich kann es nicht finden, geschweige denn eine js-Datei öffnen. Super schlechte Benutzeroberfläche. Ich vermute, der Browser zum Öffnen des Dateisymbols ist  enter image description here aber es ist immer ausgegraut.

0
MtnManChris