Modification de Javascript avec Chrome Outils de développement
J'essaie de modifier JavaScript sur un site à l'aide des outils de développement de Chrome. J'ai lu environ 30 comptes rendus sur la façon de procéder ainsi que visionné quelques vidéos. Le fait est que, lorsque je vais dans l’onglet Sources et que j’ouvre le fichier que je veux éditer, je ne peux rien y faire. Y a-t-il une étape qui me manque?
Je peux créer des points d'arrêt, passer, etc ... Je ne peux tout simplement pas éditer. Cette fonctionnalité a-t-elle été supprimée récemment?
Je sais que cette question est périmée, mais je viens d'avoir un problème similaire et trouvé la solution.
Si le fichier est méticuleux, Chrome n'autorise pas les modifications. Je l'ai désactivé et j'ai pu le modifier. Je parie que ce problème est/était votre problème.
Vous pouvez modifier javascript dans les outils de développement sous l'onglet "Sources", MAIS il ne vous permettra que de modifier javascript dans son propre fichier. Le script incorporé dans un fichier HTML (ou PHP) restera en lecture seule.
Il a quelques limitations:
.
it cannot be prettified.
Je ne sais pas si vous avez besoin de cela pour sauvegarder de manière permanente, mais si vous avez juste besoin de modifier temporairement le js:
Je peux copier le code javascript que je souhaite modifier dans un éditeur de texte, le modifier, puis le coller dans la console pour redéfinir toutes les fonctions ou tout ce que je souhaite redéfinir.
par exemple, si la page a:
<script>
var foo = function() { console.log("Hi"); }
</script>
Je peux prendre le contenu entre les scripts, l'éditer, puis l'entrer dans le débogueur comme ceci:
foo = function() { console.log("DO SOMETHING DIFFERENT"); }
et cela fonctionnera pour moi.
Ou si tu aimes,
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 cela fonctionne. Durera jusqu'à ce que vous rechargez la page.
J'ai fait une recherche sur "chrome dev tool edit javascript". Cette page est le premier résultat de la recherche. Mais c'est trop démodé, ça ne m'aide pas.
J'utilise Chrome 73, cette version de Chrome possède l'option "Activer les substitutions locales". À l'aide de cette fonction, je pouvais éditer un javascript, lancer et déboguer .
