Modification dans le débogueur Chrome

Question

Comment « dynamiquement » modifier le code JavaScript dans le débogueur de Chrome ? Il n’est pas pour moi, donc je n’ai pas accès au fichier source. Je tiens à modifier le code et voir quels effets ils ont sur la page, dans ce cas arrêter une animation à partir d’un tas de fois la queue.

Answer 1

Je suis tombé sur cela aujourd'hui, quand j'ai été jouer avec quelqu'un d'autre site web.

J'ai réalisé que je pouvais me joindre à un point de rupture dans le débogueur de quelques lignes de code avant ce que je voulais modifier dynamiquement. Et depuis la rupture des points de rester, même après un rechargement de la page, j'ai été en mesure de modifier les changements que je voulais en pause au point de rupture, puis a continué à laisser le chargement de la page.

Donc, en tant que travail rapide autour, et si cela fonctionne avec votre situation:

1. Ajouter un point de rupture à un point antérieur dans le script
2. Recharger la page
3. Modifier vos modifications dans le code
4. Relancer le débogueur

Answer 2

Vous pouvez utiliser le débogueur JavaScript de Chrome Developer Tools sous les "Scripts" de l'onglet, mais les modifications s'appliquent au code sont exprimés seulement au moment de l'exécution de passer à travers eux. Cela signifie que les modifications au code qui n'est pas en cours d'exécution après le chargement de la page n'aura pas d'effet. À la différence par exemple de modifier le code résidant dans les infobulles des gestionnaires, que vous pouvez tester à la volée.

Il y a une vidéo de Google I/O 2010 mettant en œuvre d'autres fonctionnalités de Chrome Developer Tools.

Answer 3

C'est ce que vous cherchez:

1.- Accédez à l'onglet Source et ouvrir le fichier javascript

2.- Modifier le fichier, cliquez-droit dessus et un menu apparaîtra: cliquez sur Enregistrer et de sauvegarder localement.

Afin de voir les diff ou annuler vos modifications, cliquez-droit et sélectionnez l'option Modifications Locales... dans le menu. Vous verrez votre diff des modifications concernant le fichier d'origine si vous développez le timestamp montré.

Plus d'infos ici: http://www.sitepoint.com/edit-source-files-in-chrome/

Answer 4

Ce est un impressionnant tutoriel pour que le débogueur de Chrome. Il montre les étapes très simples pour apporter des changements dans le débogueur pour vos scripts.

Answer 5

Assez facile, allez dans l’onglet « scripts ». Et sélectionnez le fichier source que vous voulez et double-cliquez sur n’importe quelle ligne pour l’éditer.