使用Chrome开发者工具定位与调试javascript代码

定位html元素

按下F12呼出开发者工具,使用左上角的箭头定位登录按钮元素。
在这里插入图片描述

定位点击事件处理代码

选中登录按钮元素后,切换到Event Listeners选项卡,查看点击事件的处理代码,发现代码位于jquery内部,这个时候勾选Framework listeners,可以看到真正处理点击事件的代码。
在这里插入图片描述
在这里插入图片描述

代码格式化

单击打开js文件,发现代码很乱,这个时候可以点击左下角的{}图标进行代码格式化。
在这里插入图片描述
在这里插入图片描述

调试javascript代码

  • F8 运行/暂停脚本执行
  • F10 单步跳过
  • F11 单步进入
  • Shift+F11 单步跳出
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页