pycharm+node+DevTooles, pycharm 浏览器无环境联调js代码

pycharm 像VSCode一样对接浏览器调试js代码

安装好nodejs 并在pycharm中配置好在看下面步骤

1、先通过pycharm 中右键运行(nodejs)运行代码,确定无误
2、再IDE代码界面左上角找到(对应你运行的文件名), 并点击
在这里插入图片描述
3、然后选择Edit Configurations…
在这里插入图片描述
4、选择对应得js文件,并添加联调参数
在这里插入图片描述
5、打开谷歌浏览器 F12
6、debug运行pycharm中的代码,不要再去右键运行了,不然不会使用当前配置(可以设置默认新配置)
在这里插入图片描述
7、等待浏览器调试界面出现nodejs图标,并点击
在这里插入图片描述
8、调试界面, window报错了,没有浏览器环境
在这里插入图片描述

补充:–inspect=127.0.0.1:9229 ,官方默认端口9229, 可以不加ip和端口,貌似pycharm 每次运行都会随机端口号,这样就要手动添加ip和端口

node官方教程:https://nodejs.org/en/docs/guides/debugging-getting-started/
在这里插入图片描述

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
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 ]
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_JackSparrow

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值