原生 javascript 调试方法包括：使用浏览器的开发工具（如 chrome、firefox、safari、edge）设置断点和逐行执行；检查变量值；设置监视以跟踪变量更改；启用错误处理以捕获和查看错误详细信息；利用第三方调试器（如 vs code、webstorm、node.js 调试器）进行高级调试。
原生 JS 调试
问题：如何调试原生 JavaScript？
回答：
-
使用浏览器的开发工具
- Chrome：打开控制台（F12），转到“源”选项卡
- Firefox：打开 Web 控制台（Ctrl + Shift + K），转到“调试器”选项卡
- Safari：打开 Web 检查器（Cmd + Option + C），转到“源”选项卡
- Edge：打开开发人员工具（F12），转到“调试器”选项卡
-
设置断点
- 在源代码中右键单击行号，选择“添加断点”
- 断点会在脚本执行到该行时暂停执行
-
逐行执行（步进）
tab标签图片切换大图预览特效下载使用原生js ES6实现的分类标签tab切换显示图片预览特效接口。动态设置图片文本获取，实现分类图片tab切换特效。调用下面函数即可 new $isg_Img({data:数据, curType: 初始显示分类, parasitifer: 定位符 });
- 在调试器工具栏中，单击“逐行执行”（F10）按钮
- 脚本将按行执行，在每行暂停以便检查变量和执行状态
-
检查变量
- 在“变量”或“作用域”面板中，检查变量的值
- 使用鼠标悬停或单击变量的名称以查看其值
-
设置监视
- 单击变量的名称或值，选择“添加监视”
- 监视会在变量值更改时通知您
-
错误处理
- 浏览器的控制台将显示 JavaScript 错误
- 单击错误消息以查看详细信息并跳转到源代码中的行
-
使用第三方调试器
- 如：VS Code、WebStorm、Node.js 调试器（node-inspector）
-
其他提示
- 使用
debugger;语句插入调试断点 - 使用
console.log()输出信息 - 启用源映射以调试压缩的 JavaScript 代码
- 使用
