Est-il possible de modifier les valeurs des variables javascript pendant le débogage dans Google Chrome ?

Question

Je suis en train de déboguer une application javascript (en utilisant les outils de développement de Chrome), et je voudrais modifier certaines valeurs de variables tout en parcourant le code.

Est-ce possible ?

J'ai essayé et j'ai obtenu quelque chose comme :

> modeline
1
> modeline=0
0             <<< seems to work but... 
> modeline
1             <<< ups!!

Mais je n'arrive pas à trouver de documentation qui indique ce qui peut ou ne peut pas être fait...

Answer 1

Pourquoi cette réponse obtient-elle encore des votes positifs ?

Il y a une meilleure réponse que celle-ci après toutes ces années, et je l'approuve puisque je l'utilise en permanence. Aller upvote Tyler Collier à la place. Ils expliquent que vous pouvez soit modifier les valeurs dans la console, soit dans la trace de la pile. Pas besoin d'astuce.

---

Réponse obsolète

C'est désormais possible dans chrome 35 (aujourd'hui à partir du 11 juillet 2014). Je ne sais pas quelle version l'a autorisé en premier cependant.

Je viens de tester l'exemple de @gilly3 sur ma machine et cela fonctionne.

• Ouvrez la console, dans Sources et l'onglet Snippets ajoutez un nouveau snippet et collez-y le code suivant :

  var g_n = 0; function go() { var n = 0; var o = { n: 0 }; return g_n + n + o.n; // breakpoint here }

• Cliquez avec le bouton droit de la souris sur le nom du snippet, puis cliquez sur "Exécuter" (cela ne déclenche pas la fonction).

• Ajoutez le point d'arrêt à l'instruction de retour.

• Dans la console ci-dessous, tapez go()

• et modifiez les valeurs des variables comme indiqué ci-dessous

et le résultat retourné g_n + n + o.n est de 30 ans.

Answer 2

Pourquoi cette réponse obtient-elle encore des votes positifs ?

Par La réponse de Mikaël Mayer ce n'est plus un problème, et ma réponse est obsolète ( go() retourne maintenant 30 après s'être amusé avec la console). Ce problème a été corrigé en juillet 2013, selon la rapport de bogue lié ci-dessus dans Commentaire de gabrielmaldi . Cela m'inquiète que je reçoive encore des votes positifs, ce qui me fait penser que le votant ne comprend ni la question ni ma réponse.

Je vais laisser ma réponse originale ici pour des raisons historiques, mais votez en hausse La réponse de Mikaël au lieu de .

---

L'astuce est que vous ne pouvez pas modifier directement une variable locale, mais vous pouvez modifier les propriétés d'un objet. Vous pouvez également modifier la valeur d'une variable globale :

var g_n = 0;
function go()
{
    var n = 0;
    var o = { n: 0 };
    return g_n + n + o.n;  // breakpoint here
}

console :

> g_n = 10
  10
> g_n
  10
> n = 10
  10
> n
  0
> o.n = 10
  10
> o.n
  10

Vérifiez le résultat de go() après avoir défini le point d'arrêt et lancé ces appels dans la console, et vous constaterez que le résultat est 20, plutôt que 0 (mais malheureusement, pas 30).

Answer 3

Il s'agit d'un bogue reconnu dans les outils de développement de Chrome :

http://code.google.com/p/chromium/issues/detail?id=124206

Answer 4

Firebug semble vous permettre de le faire.

Answer 5

En fait, il existe une solution de rechange. Copiez la méthode entière, modifiez son nom, par exemple OriginalName() en OriginalName2() mais modifiez la variable à l'intérieur pour qu'elle prenne la valeur que vous voulez, ou passez-la en tant que paramètre.

Ensuite, si vous appelez cette méthode directement depuis la console, elle aura la même fonctionnalité mais vous pourrez modifier les valeurs des variables.

Si la méthode est appelée automatiquement, tapez plutôt dans la console

originalName = null;
function originalName(original params..)
{
    alert("modified internals");
    add whatever original code you want
}