vscode浏览器联调
时间: 2023-08-23 16:16:43 浏览: 44
在VSCode中进行浏览器联调的配置可以通过添加一些代码来实现。你可以在launch.json文件中进行配置。下面是一个示例配置:
```json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "无环境浏览器联调",
"skipFiles": ["<node_internals>/**"],
"runtimeExecutable": "node-inspect",
"program": "${workspaceFolder}/1.js"
}
]
}
```
这个配置假设你的代码文件名为1.js,你可以根据实际情况进行修改。另外,确保你已经安装了node-inspect。通过这个配置,你可以在VSCode中使用调试器进行浏览器联调。 [2]
另外,如果你想要开启Experimental Web Platform features,你可以在Chrome浏览器中输入chrome://flags/,然后搜索Experimental Web Platform features,并将其设置为启用状态(Enabled)。这样就可以开启这个实验性功能了。
相关问题
matlab vscode 联调
Matlab和VSCode可以通过Python作为桥梁进行联调。为了实现这一目标,需要在VSCode中安装3个MATLAB相关插件,分别是Matlab、Matlab interactive terminal和matlab-formatter。通过这些插件的配合,你可以在不打开Matlab的情况下方便地进行Matlab相关测试。具体的设置和使用方法可以参考本期视频教程。
pycharm 浏览器无环境联调
在PyCharm中进行浏览器无环境联调的步骤如下:
1. 首先,在PyCharm中右键运行代码,确保代码没有错误。
2. 在PyCharm的代码界面左上角找到对应的文件名,并点击。
3. 选择"Edit Configurations..."。
4. 在弹出的窗口中,选择对应的JS文件,并添加联调参数。
5. 打开谷歌浏览器,并按下F12键,打开开发者工具。
6. 在PyCharm中以debug模式运行代码,不要再右键运行了,以确保使用当前配置(可以设置默认新配置)。
7. 等待浏览器调试界面出现Node.js图标,并点击。
8. 如果出现窗口报错,表示没有浏览器环境。此时,可以在配置参数中添加"--inspect=127.0.0.1:9229",其中9229是官方默认端口号。如果PyCharm每次运行都会随机分配端口号,可以手动添加IP和端口。
以上是在PyCharm中进行浏览器无环境联调的步骤。通过这种方式,你可以在浏览器上直观方便地调试加密的JS代码,并进行修改和编译。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [pycharm+node+DevTooles, pycharm 浏览器无环境联调js代码](https://blog.csdn.net/qq_42709514/article/details/126821685)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [pycharm+node+浏览器实现无环境联调](https://blog.csdn.net/qq_42084094/article/details/129199482)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]