调试工具的使用

开启调试窗口

windows 平台: f12

调试窗口介绍

指针: 选择页面中的元素

手机: 使用移动端界面调试

Elements: 查看页面 DOM 树

Console: 控制台(注意, 控制台与该页面是一个整体, 在控制台中的任何操作, 会影响到页面)

Source: 代码调试

调试工具的使用

逐过程运行, 一次运行一个函数

单步运行(逐步运行), 一次运行一句, 如果是函数, 进入函数体内运行

继续运行. 从当前状态运行下去, 直到出现断点, 如果没有断点则运行结束

设置断点技巧

逐步与逐过程混合
断点加继续运行
条件断点(右键添加 add contitional breakpoint)

利用 watch 监视窗口可以查看对象成员

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容