黄骅港自驾游景点,上海seo优化培训机构,中信建设公司官网,定制网站制作技术Javascript 调试技巧
在代码中寻找错误 1#xff09;alert 方法#xff1a; 弹框提示 2#xff09;console 方法 在调试窗口上打印 JavaScript 值 3#xff09;断点调试
在浏览器开发者工具中为JS代码添加断点#xff0c;让JS执行到某一特定位置停住#xff0c;方便…Javascript 调试技巧
在代码中寻找错误 1alert 方法 弹框提示 2console 方法 在调试窗口上打印 JavaScript 值 3断点调试
在浏览器开发者工具中为JS代码添加断点让JS执行到某一特定位置停住方便开发者对该处代码段的分析与逻辑处理.
a) Sources断点
打开开发工具——“点击Sources菜单”——“左侧树中找到相应文件”——点击行号列即完成在当前行添加/删除断点操作。当断点添加完毕后刷新页面JS执行到断点位置停住在Sources界面会看到当前作用域中所有变量和值只需对每个值进行验证即可完成我们题设验证要求。 b) Debugger断点
操作就跟在Sources面板添加断点调试几乎一模一样唯一的区别在于调试完后需要删除该语句。 但是在开发中偶尔会遇到异步加载html片段包含内嵌JS代码的情况而这部分JS代码在Sources树种无法找到因此无法直接在开发工具中直接添加断点那么如果想给异步加载的脚本添加断点此时debugger;就发挥作用了。 4) DOM断点调试
a) 当节点内部子节点变化时断点Break on subtree modifications b) 当节点属性发生变化时断点Break on attributes modifications c) 当节点被移除时断点Break on node removal
4) 事件监听器断点 Event Listener Breakpoints
