1、首先打开目标网页，按F12打开调试窗口，选择Sources。点击左侧的暂停键后， 开始正常执行网页功能，例如：点击如下网页的“OK。接着点击按步执行按钮，如下图所示。
2、在chrome中打开开发者工具，打开方式如下图，也可以使用快捷键F12来打开。
3、Firefox的日志记录(Logging in Firefox)。通过Console的记录方法，我们可以不再使用烦人的alert或者document.write方法来进行调试。
将这段代码保存到一个文件中，如下图所示。请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。将版本js文件保存为index.js。如果我们需要使用index。js。
将这一段代码保存到一个文件中。注意，您可以任何文本工具创建js文件，不过您在保存的时候，需要将名字后缀名为.js。这里将js文件保存为index.js。之后如果我们需要使用index.js。
以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。选择指定的dom节点进行查看和编辑。
/html 在浏览器地址栏直接执行JavaScript脚本 也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。
首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
打开谷歌浏览器，点击右上方扳手样式的图片 - 选择“选项” - 选择“高级选项” - 选项“内容设置” - 选择“JavaScript” - 选择“运行所有网站运行JavaScript(推荐)”，设置完成重新打开浏览器即可。
电脑、firefox浏览器。首先，打开firefox浏览器，进入要js调试的网页，例如：zhidao.baidu.com。键盘按F12以显示开发者工具，点击“调试器”菜单。选择要js调试的页面后，即可用右侧的调试按钮进行调试。
点击+图标，你可以输入URL片段，当AJAX请求的URL中出现这个URL片段时，JavaScript代码将会中断。事件监听器断点Chrome开发者工具可以捕获所有类型的事件，当用户按下一个键、点击一下鼠标时，可以对触发的事件进行调试。
首先，打开firefox浏览器，进入要js调试的网页，例如：zhidao.baidu.com。键盘按F12以显示开发者工具，点击“调试器”菜单。选择要js调试的页面后，即可用右侧的调试按钮进行调试。
火狐浏览器JS调试功能的运用说明先在页面上点击右键，再点击“查看元素”这里会弹出Firefox的开发者界面，点击“调试器”，跟踪按钮。
打开火狐浏览器，按F12键调取调试工具。选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点。
可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。下载“火狐浏览器”。
线上调试 平时开发的时候，我们用webpack的热加载，可以省去挂载调试的步骤，非常方便。但是发布后部署到服务器上，就失去了这个本地优势。如果使用挂载文件方式会比较麻烦。
还有一个方法是给外部调用触发生成表单弹窗的方法 通过webpack打包后在页面中引入打包后的js文件，直接调用questionnaire方法打开控制台发现报未定义 webpack打包后的js文件中的方法和变量都变成了局部的，外部无法直接访问。
当然，如果是uglify过的代码还是很难看，只能根据自己实际代码里的一些常量内容作为关键词在浏览器的代码里面搜自己可能的位置，然后加断点推测去调试。
最好的方法是使用在线工具HCJCompress，不仅压缩HTML、CSS、JS，具有还原功能。进入HCJCompress。根据文件数量，增删输入窗口的数量。设置代码的类型。压缩代码，保存带有调试辅助信息的源代码。