Modification de JavaScript à l'aide des outils de développement de Chrome

Question

J'essaie de modifier le javascript d'un site à l'aide des outils pour développeurs de Chrome. J'ai lu environ 30 comptes rendus sur la façon de procéder ainsi que regardé quelques vidéos. Le fait est que, lorsque je vais dans l'onglet des sources et que j'ouvre le fichier que je veux modifier, je ne peux rien y faire. Y a-t-il une étape que j'ai manquée ?

Je peux créer des points de rupture, des étapes, etc... Mais je ne peux pas éditer. Cette fonctionnalité a-t-elle été supprimée récemment ?

Answer 1

Je sais que cette question est périmée, mais je viens d'avoir un problème similaire et j'ai trouvé la solution.

Si le fichier est prétraité, Chrome ne permet pas les modifications. Je l'ai désactivé et j'ai pu modifier le fichier. Je suis prêt à parier que c'est/était votre problème.

Answer 2

Vous pouvez modifier le javascript dans les outils de développement sur l'onglet "Sources", MAIS il ne vous permettra de modifier le javascript que dans son propre fichier. Le script intégré dans un fichier HTML (ou PHP) restera en lecture seule.

Answer 3

Il a quelques limites :

1. doit être un fichier JS. Il ne peut pas être intégré dans une page html.

2. elle ne peut pas être embellie.

Answer 4

Je ne sais pas si vous en avez besoin pour sauvegarder de façon permanente, mais si vous avez besoin de modifier temporairement les js :

Je peux copier le javascript que je veux modifier dans un éditeur de texte, l'éditer, puis le coller dans la console et il redéfinira toutes les fonctions ou quoi que ce soit dont j'ai besoin pour être redéfini.

par exemple, si la page a :

<script>
var foo = function() { console.log("Hi"); }
</script>

Je peux prendre le contenu entre le script, l'éditer, puis le saisir dans le débogueur comme :

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

et ça marchera pour moi.

Ou si vous avez comme,

function foo() {
    doAThing();
}

Vous pouvez simplement entrer

function foo() {
    doSomethingElse();
}

et foo sera redéfini.

Ce n'est probablement pas la meilleure solution de contournement, mais elle fonctionne. Cela durera jusqu'à ce que vous rechargiez la page.

Answer 5

J'ai cherché "chrome dev tool edit javascript". Cette page est le premier résultat de la recherche. Mais elle est trop périmée, elle ne m'aide pas.

J'utilise Chrome 73, cette version de Chrome a l'option "Activer les remplacements locaux". En utilisant cette fonction, j'ai pu éditer un javascript, l'exécuter et le déboguer.