如何使用 chrome 开发者工具调试 html 中的 js 代码?

希望实现的效果:点击一个按钮后,输出一段话 consloe.log('原来的事件'),现在希望通过开发者工具修改为 consloe.log('修改后的事件')。我尝试了下面的情况:

  1. 如果 js 代码写在 js 文件中,那么可在开发者工具中的 Sources 直接修改 js 代码,最终实现效果。如第一张图所示

  2. 如果在 html 中写入 js 代码,那么 Sources 中的 html 是无法编辑的。如第二张图所示

  3. 尝试在 Elements 中修改 js 代码,可以修改,但是无法使之保存并生效。

提问这个问题只是单纯的想了解下如何在 html 中修改 js 代码并使之生效?谢谢各位。

https://img2.mukewang.com/5be6992d0001cda004150153.jpghttps://img2.mukewang.com/5be699370001a2a604490228.jpg


子衿沉夜
浏览 825回答 1
1回答

qq_笑_17

修改HTML里的JavaScript可以使用开发者工具的element标签里面 双击修改。但是刷新后js无效。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript