本文目录一览：
- 1、如何进行html调试和js脚本调试
- 2、最新版chrome控制台调试js使用
- 3、VSCode调试egg.js项目
- 4、如何使用firefox进行网页js调试
- 5、win7/win8系统调试IE11浏览器JS脚本的方法
如何进行html调试和js脚本调试
以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。选择指定的dom节点进行查看和编辑。
我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息，对于开发、调试，都是很有用的。Scripts标签页 很明显，这个标签页就是查看JS文件、调试JS代码的，直接看下图的说明。
)打开开发者工具中的调试程序功能。2)点击左上角的文件夹图标，找到我们的js代码 到这里为止，我们的IE11浏览器就能帮我们调试js代码啦。
在chrome中打开开发者工具，打开方式如下图，也可以使用快捷键F12来打开。
最新版chrome控制台调试js使用
打开测试网址： f12 打开开发者工具： 控制台介绍： Elements：页面元素，可以进行编辑，保存后实时查看页面效果 Network： 查看js模拟的http请求，例如下图中修改购物车中商品数量，可以实时的看到请求地址，直接上图。
可以使用chrome浏览器来对js程序进行调试的，chrome内置了一个js的调试环境console。打开的方法是，在打开浏览器后按f12打开开发者选项，选择其中的console选项即可。console环境是可以直接运行就是代码的。
进入chrome浏览器，F12 进入web控制台。点击console可以针对当前页面进行 JavaScript 功能调试。
VSCode调试egg.js项目
这里我们调试的是Node.js，就选择Node.js，然后VSCode会在 /.vscode 目录中新建一个 launch.json 文件 launch.json 文件新建好后，我们需要进行一些配置操作，这里我们选择的是，附加到进程。
方法如下：打开VSCode，进入项目文件夹。在左侧的菜单中找到launch.json文件，如果没有该文件，则需要创建一个，创建方式在VSCode的顶部菜单栏中选择调试、添加配置文件、Node.js。
首先在Vscode中，我们点击运行菜单按钮。然后我们就可以在这里按下启用调试按钮进行启动。此时，咱们也可以按下F5快速启动程序。
nodejs 直接F5选择nodejs启动调试，网页的js直接使用Chrome自带的开发者工具（快捷键F12）调试。
这样在构建项目时相当于执行命令 launch.json 文件用于配置调试环境。一般默认生成的文件如下：我们需要关注的选项有：VSCode 预定义了一些变量，可以在 Variables Reference 查看意思。
打开config/index.js并找到devtool属性。用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑。在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目。
如何使用firefox进行网页js调试
1、打开火狐浏览器，按F12键调取调试工具。选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点。
2、方法/步骤 以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。选择指定的dom节点进行查看和编辑。
3、使用firefox进行网页js调试需要安装firebug插件。打开firebug，点击“脚本”选项。点击“所有”选项，这里可以选择要显示的脚本，建议选择“显示所有脚本”。
4、第一：调试网络情况 打开百度首页。同时打开 firebug。（Ctrl+shift+K）可以右键点击网络标签查看网页源代码。第二：调试器 调试器可以查看网页请求的js脚本以及脚本的定义，以及脚本的变量的实时值。
5、火狐浏览器JS调试功能的运用说明先在页面上点击右键，再点击“查看元素”这里会弹出Firefox的开发者界面，点击“调试器”，跟踪按钮。
win7/win8系统调试IE11浏览器JS脚本的方法
1、打开浏览器后，按键盘的F12应该是比较通用的，这几种浏览器都能打开调试工具。
2、打开IE11浏览器， 点击浏览器右上角的工具选项，再选择兼容性视图设置选项；将该行网站添加到兼容性视图中的网站；关闭IE11浏览器，重新登入。
3、如果你想要在 Win7/Win8 中打开32位版 IE10 和 IE11，可以进行下面的操作：同时按下 Windows + R 键打开运行，在输入 Regedit 按下确认打开注册表编辑器。
