PyCharm中node环境与浏览器联调

本文介绍了如何在PyCharm中配置Node.js环境,并通过node-inspect库与谷歌内核浏览器进行联调调试,包括安装必要的工具、设置参数及调试流程。
摘要由CSDN通过智能技术生成

与浏览器联调 只能调试 看作用域 看堆栈信息以及输出信息。
Linux的方法,window应该一样。
注意前提需要安装好node环境以及node-inspect库哦!

一、需要的环境

node -v # node安装网上一大把
npm install --prefix ./ node-inspect

#谷歌内核级浏览器
#Kail Linux
#PyCharm

二、PyCharm中node环境与浏览器联调

  1. 进入标签栏中的Run-》Edit Configurations...

  2. Node parameters 输入--inspect-brk vm2_chameleon.js后面的路径就填写当前下面的JavaScript file 中的路径。

  3. 选择好后 后点击Run或者Debug都可以,最好先关闭需要联调的浏览器。

  4. 然后打开拥有谷歌内核浏览器 直接进入开发者就看到了绿色的六边形进入。

  5. 进入后六边形就会变成灰色 如果调完后或者需要重新进入 都需要重新执行第3步流程。

  6. 运行到了浏览器中后 那在PyCharm里面就不能进行调试了哦。

  7. 剩下的就轮到你表演的时候了!!!

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值