20260305 位于两台不同电脑的chrome局域网全程调试配置

注:通过AI进行润色,大多数内容由AI填充,核心逻辑由我审核


📄 Chrome 局域网全程远程调试


🚀 核心术语

  • 被控端:目标环境,或客户端,被操控的那个电脑的chrome
  • 主控端:控制中心,或服务器端,用来控制别人的电脑

🛠️ 第一阶段:被控端设置 (环境准备)

1. 彻底清理旧进程(可选)

Chrome 必须在完全关闭的状态下启动调试参数才有效。在 PowerShell 中执行:

cmd 复制代码
taskkill /F /IM chrome.exe

2. 带安全参数启动

使用以下命令启动(建议保存为 start_debug.bat):

cmd 复制代码
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9229 --remote-allow-origins=* --user-data-dir="C:\chrome_dev"

关键参数说明:

  • --remote-allow-origins=*:允许主控端进行 WebSocket 连接,防止"调试连接已关闭"错误。
  • --user-data-dir:强制开启独立实例,确保调试模式不被旧窗口吞掉。

3. 开启系统级端口转发

由于 Chrome 默认只监听 127.0.0.1,需手动打通局域网访问。

  • 查询 IP :执行 ipconfig(假设被控端 IP 为 172.27.35.12)。
  • 管理员权限运行
cmd 复制代码
netsh interface portproxy add v4tov4 listenaddress=172.27.35.12 listenport=9229 connectaddress=127.0.0.1 connectport=9229
  • 安全检查 :网络防护中放行 9229 端口。

🔍 第二阶段:主控端操作 (连接调试)

1. 获取页面唯一 ID

在主控端浏览器直接访问被控端的 JSON 接口:
http://172.27.35.12:9229/json

复制目标页面对应的 "id" 字段(例如:FE7AC55C96793318964C1D0301FE163E)。

2. 强制开启调试窗口 (直连法)

不要点击 chrome://inspect 里的链接。直接在主控端浏览器地址栏输入以下格式:
devtools://devtools/bundled/inspector.html?ws=172.27.35.12:9229/devtools/page/你的ID

回车即刻连接成功。


🔐 第三阶段:收尾 (安全恢复)

调试结束后,必须删除被控端的转发规则,防止后门残留。

  1. 删除转发(被控端管理员权限):
cmd 复制代码
netsh interface portproxy delete v4tov4 listenaddress=172.27.35.12 listenport=9229
  1. 关闭调试环境 :关闭被控端的 Chrome 窗口,可选删除 C:\chrome_dev 目录。

Generated by Gemini - 2026/03/05

相关推荐
|晴 天|4 小时前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫3284 小时前
v-cloak
前端·javascript·vue.js
旷世奇才李先生4 小时前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
SoaringHeart6 小时前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
IT_陈寒8 小时前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
herinspace8 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
小码哥_常8 小时前
从MVC到MVI:一文吃透架构模式进化史
前端
嗷o嗷o8 小时前
Android BLE 的 notify 和 indicate 到底有什么区别
前端
豹哥学前端8 小时前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试
lar_slw9 小时前
k8s部署前端项目
前端·容器·kubernetes