web-dev-qa-db-fra.com

Comment modifier le code javascript au moment de l'exécution?

Existe-t-il un moyen de modifier le code JavaScript lors du débogage? Visual Studio a "Edit and Continue", et un échange de code à chaud similaire peut être effectué en Java et dans d'autres langues. Cela peut-il être fait avec JavaScript, et si oui, comment? 

18
theninjagreg

Chrome, Safari et certains autres navigateurs WebKit contiennent une fonctionnalité de Web Inspector appelée Live Edit. Si vous accédez au panneau Scripts et que vous êtes arrêté sur un point d'arrêt (ou peut-être même s'il n'est pas arrêté sur un point d'arrêt - je ne suis pas sûr), vous pouvez double-cliquer sur une ligne et commencer à modifier cette ligne. Les modifications que vous apportez prendront effet sur le script.

11
icktoofay

Avec les outils de développement Chrome, c'est très simple.

Ouvrez simplement l'inspecteur, cliquez sur l'onglet scripts, sélectionnez celle que vous voulez dans le menu déroulant, puis vous êtes libre de modifier le script et d'ajouter des points d'arrêt. Si vous actualisez la page, vos points d'arrêt y resteront.

Si vous regardez cette conférence, mais Paul Irish, il montre comment modifier un script à la volée. 

http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/

bien aussi: 

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

9
wesbos

Si vous parlez de débogage, il est très facile de modifier le code en cours d'exécution. Dans votre console de débogage, vous pouvez entrer des expressions Javascript qui s'exécutent dans le contexte de la fenêtre, qui contient tous les objets et fonctions de votre code, afin de pouvoir les échanger en les redéfinissant.

2
Chetan

Comme JavaScript peut modifier le DOM, vous devez essentiellement modifier le fichier JavaScript, le sauvegarder et le recharger. Pour moi, j'aime bien IE, alors je lance la page Web dans un navigateur qui n'est pas en mode DEBUG. Ensuite, vous pouvez modifier les fichiers de script, enregistrez-les. Revenez dans le navigateur et rechargez (F5) pour voir vos modifications. Soi-disant IE 11 a cette capacité (probablement comme Chrome, ce qui est essentiellement ce que je fais, changer la sauvegarde de rechargement de ce que je peux dire), mais je ne parviens pas à le trouver, encore moins à ouvrir un fichier js. Interface utilisateur super pauvre. Je suppose que le navigateur pour ouvrir l'icône du fichier est  enter image description here mais il est toujours grisé.

0
MtnManChris