vscode中debugger for chrome已弃用,怎样再调用chrome浏览器
时间: 2024-05-23 19:09:27 浏览: 31
首先,您需要安装"Debugger for Chrome"扩展程序。在您的VS Code编辑器中,单击左侧的扩展程序按钮,搜索并安装"Debugger for Chrome"扩展程序。安装完成后,打开您的代码并将光标置于要调试的行上。接下来,单击左侧的调试按钮,并选择"Chrome"作为运行和调试目标。此时,您需要在Chrome浏览器中打开调试器,方法是单击浏览器窗口右上角的三个垂直点图标、选择"更多工具"、然后选择"开发者工具"。在Chrome浏览器中打开调试器后,返回VS Code编辑器并单击"Launch Chrome"按钮。这时,您的VS Code编辑器就会连接到Chrome浏览器,您可以开始进行调试了。
相关问题
debugger for chrome怎么用
Debugger for Chrome是一款Chrome浏览器的调试工具。使用方法如下:
1. 打开Chrome浏览器,进入需要调试的网页。
2. 按下F12键或者右键点击页面,选择“检查”选项。
3. 在弹出的开发者工具窗口中,选择“Sources”选项卡。
4. 在左侧的文件树中选择需要调试的JavaScript文件。
5. 在代码中设置断点,可以通过单击行号或者按下F9键来设置断点。
6. 刷新页面,当代码执行到断点处时,程序会暂停执行,此时可以查看变量的值、调用堆栈等信息。
7. 在调试过程中,可以使用控制台输出调试信息,也可以单步执行代码,查看每一步的执行结果。
8. 调试完成后,可以关闭开发者工具窗口,或者按下F12键再次打开开发者工具窗口,选择“Sources”选项卡,取消断点,然后刷新页面,程序将恢复正常执行。
js debugger 如何使用
JavaScript的调试器是一种工具,可以帮助您在代码中设置断点、单步执行、查看变量值和调用堆栈等操作。下面是使用JavaScript调试器的基本步骤:
1.在代码中设置断点:
使用调试器之前,您需要在代码中设置断点。在Chrome浏览器中,您可以在源代码面板中单击行号来设置断点。在其他浏览器中,您可以在代码中插入debugger语句来设置断点。
2.打开调试器:
在Chrome浏览器中,您可以按F12键或右键单击页面中的任何元素并选择“检查”来打开开发者工具。然后,切换到“Sources”选项卡,并找到您要调试的JavaScript文件。
3.开始调试:
在开发者工具中,您可以单击断点旁边的圆圈图标来启动调试器。当程序执行到断点时,它会暂停并显示调试器界面。
4.单步执行:
在调试器界面中,您可以使用“Step Over”、“Step Into”和“Step Out”按钮来单步执行代码。这些按钮让您可以逐行执行代码,并查看变量的值和调用堆栈。
5.查看变量值:
在调试器界面中,您可以查看当前变量的值。在Chrome浏览器中,您可以在“Scope”面板中查看本地变量、全局变量和闭包变量的值。
6.查看调用堆栈:
在调试器界面中,您可以查看当前函数的调用堆栈。在Chrome浏览器中,您可以在“Call Stack”面板中查看函数调用的顺序。
7.继续执行:
当您完成调试时,您可以单击“Resume script execution”按钮来继续执行程序。
以上是使用JavaScript调试器的基本步骤。调试器是一种强大的工具,可以帮助您诊断和修复JavaScript代码中的错误。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)