À l'aide de Google Chrome pour le débogage et modifier javascript intégré dans la page HTML
Chrome developer tools vous permet de modifier le javascript dans le navigateur si le javascript est dans une .fichier js. Cependant, il ne semble pas me permettre de modifier le javascript intégré dans une page HTML. c'est à dire:
<script type="text/javascript>
//code here that I want to debug/edit
</script>
C'est un gros problème pour moi car j'ai un peu de javascript intégré dans une page.
Similaire à cette question: Modifier les blocs JavaScript d'une page web... en direct mais c'est à propos de firefox, pas de chrome.
Comment puis-je modifier le javascript intégré dans une page HTML à l'aide de Google Chrome Developer Tools?
- Vous pouvez utiliser de l'Opéra. Opera permet l'édition en ligne et JS JS fichiers. Après vous doux recharger la page, vos changements seront appliqués. Clic droit > Source > Apporter des modifications > Appliquer les Modifications.
- je n'aurais jamais pensé +1 un Opéra solution. Mais nous sommes ici. +1 pour la modification en direct de l'Opéra.
Vous devez vous connecter pour publier un commentaire.
Effectivement chrome permet de le faire, choisissez des fichiers HTML dans Sources onglet dans la fenêtre outils de développement. Vous verrez HTML au lieu de javascript et de simplement ajouter des points d'arrêt dans le
<script>
balises. Vous pouvez également ajouterdebugger;
commande de script que vous souhaitez déboguer. Par exemple:N'oubliez pas de retirer
debugger;
s'quand vous voulez retirer votre site web.Elements
onglet à la place.J'ai eu un moment difficile la localisation d'un fichier qui avait mon inline/javascript intégré. Pour les autres qui ont le même problème, cela peut ou peut ne pas être utile...
À l'aide de Chrome 21.0.1180.89 m pour Windows
Tous les fichiers sont affichés après avoir cliqué que très discrètement placé bouton. Voir:
Vous pouvez maintenant commencer le débogage...
Aucune de ces réponses ont travaillé pour moi.
Ce qui fonctionne pour moi est que si j'ai mon javascript sur la page déjà chargée, je peux copier que le javascript, le modifier, puis coller dans la console et qu'il va redéfinir le genre de fonctions ou de tout ce que j'ai besoin d'être redéfini.
par exemple, si la page a:
Je peut prendre le contenu entre le script, le modifier, puis entrez dans le débogueur comme:
et il va travailler pour moi.
Ou si vous avez, par exemple,
Vous pouvez simplement entrer
et foo sera redéfini.
Probablement pas la meilleure solution, mais il fonctionne.
Allez à l'onglet Éléments, de trouver votre script, cliquez-droit sur la partie dont vous avez besoin et choisissez "Éditer le code HTML".
Si Éditer le code HTML ne s'affiche pas, double-cliquez sur le nœud et il devrait être mis en évidence et modifiable.