为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

子衿沉夜 2018-10-09 13:19:16
希望实现的效果:点击一个按钮后,输出一段话 consloe.log('原来的事件'),现在希望通过开发者工具修改为 consloe.log('修改后的事件')。我尝试了下面的情况:如果 js 代码写在 js 文件中,那么可在开发者工具中的 Sources 直接修改 js 代码,最终实现效果。如第一张图所示如果在 html 中写入 js 代码,那么 Sources 中的 html 是无法编辑的。如第二张图所示尝试在 Elements 中修改 js 代码,可以修改,但是无法使之保存并生效。提问这个问题只是单纯的想了解下如何在 html 中修改 js 代码并使之生效?谢谢各位。
查看完整描述

1 回答

?
qq_笑_17

TA贡献1818条经验 获得超7个赞

修改HTML里的JavaScript可以使用开发者工具的element标签里面 双击修改。
但是刷新后js无效。

查看完整回答
反对 回复 2018-11-10
  • 1 回答
  • 0 关注
  • 823 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号