web-dev-qa-db-fra.com

comment modifier Javascript en HTML dans Chrome Dev Tools

Nous pouvons éditer et exécuter le code js du fichier * .js dans le panneau Sources des outils de Chrome Dev.
Si les codes js proviennent du fichier * .html, comment pouvons-nous les éditer et les exempter sauf pour y ajouter des points d'arrêt?.
Merci.

6
kevin_chen

Tout ce que vous avez à faire est de double-cliquer sur le script que vous visualisez dans l'onglet Eléments de dev tools (c'est-à-dire votre fichier * .html). Vous pouvez également cliquer avec le bouton droit de la souris et sélectionner "Modifier en tant que HTML" Ici est un aperçu de la modification de code HTML dans les outils de développement. 

Lorsque vous avez terminé, vous pouvez enregistrer les modifications en cliquant avec le bouton droit de la souris et en sélectionnant "Enregistrer" ou "Enregistrer sous". 

J'espère que cela t'aides!

2
Mark

Dans Chrome Dev Tools, vous pouvez configurer un "espace de travail". Lorsque vous modifiez un fichier, celui-ci est enregistré localement et affiche également les modifications dans le navigateur.

Veuillez suivre ce guide Google pour l’installer. Il est facile à suivre et avec des captures d'écran. Si vous avez besoin d'aide supplémentaire, envoyez un message.

Lien avec instructions: https://developers.google.com/web/tools/setup/setup-workflow

1
Molik Miah