当前位置: 首页 > news >正文

WSL 连接宿主机 Chrome DevTools

WSL 切换至 Mirrored 网络模式

WSL 配置文件默认位于:

C:\Users\<用户名>\.wslconfig

在该文件中追加如下配置:

[wsl2] networkingMode=mirrored

保存配置后,重启 WSL 使配置生效:

wsl--shutdown

启动匿名 Chrome 实例(开启远程调试)

在 PowerShell 中执行以下命令:

&"C:\Program Files\Google\Chrome\Application\chrome.exe"`--remote-debugging-port=9922 `--user-data-dir="$env:TEMP\chrome-devtools-mcp-profile"`--no-first-run `--no-default-browser-check `--disable-extensions

在 WSL 中验证 DevTools 连接

执行:

curl"http://localhost:9922/json/version"

正常返回示例:

{"Browser":"Chrome/147.0.7727.56","Protocol-Version":"1.3","User-Agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36","V8-Version":"14.7.173.16","WebKit-Version":"537.36 (@b28eac7a1a97ec8d7bc58eca0242958254be494d)","webSocketDebuggerUrl":"ws://localhost:9922/devtools/browser/28b8a2bf-ff91-4c3e-b7ab-00c0d7d9b51d"}

配置 MCP

以 Codex 为例:

codex mcpaddchrome-devtools -- npx chrome-devtools-mcp@latest --browser-url=http://127.0.0.1:9922

执行后,会在~/.codex/config.toml中生成:

[mcp_servers.chrome-devtools] command = "npx" args = ["chrome-devtools-mcp@latest", "--browser-url=http://127.0.0.1:9922"]

验证 MCP 安装

执行:

npx-ychrome-devtools-mcp@latest--help

确保可以正常输出帮助信息。

功能测试

启动 Codex,并输入使用浏览器打开 baidu.com

╭───────────────────────────────────────╮ │ >_ OpenAI Codex (v0.121.0) │ │ │ │ model: gpt-5.4 /model to change │ │ directory: ~/git/codex-demo │ ╰───────────────────────────────────────╯ Tip: When the composer is empty, press Esc to step back and edit your last message; Enter confirms. › 使用浏览器打开baidu.com • 我会直接用浏览器打开 baidu.com,先新建一个页面并确认加载结果。 • Called chrome-devtools.new_page({"url":"https://www.baidu.com","timeout":20000}) └ ## Pages 1: chrome://new-tab-page/ 2: https://www.baidu.com/ [selected] ─────────────────────────────────────────────────────────────────────────────────────────────────── • 已在浏览器中打开 https://www.baidu.com/。

此时,chrome 正确打开新的标签页并进入 baidu.com

http://www.jsqmd.com/news/671888/

相关文章:

  • Kandinsky-5.0-I2V-Lite-5s效果惊艳展示:静态风景图生成云流动+镜头环绕视频
  • hph的构造全解析 内部原理一看就懂
  • 从Vue 2到Vue 3:手把手教你用vue3-element-admin重构后台管理系统(附完整迁移指南)
  • 厦门ktv哪里好玩?本地老板常去的休闲场所 - GrowthUME
  • OpenSim实战:用Hill-type肌肉模型复现‘鸡腿肉’与‘鸡胸肉’的运动差异
  • FutureRestore-GUI:终极图形化iOS固件降级工具完全指南
  • 2026年B2B平台选择指南:实验室、工厂、采购决策人一网打尽 - 品牌推荐大师
  • 瑞芯微(EASY EAI)RV1126B 固件版本查询
  • 如何绕过Windows 11硬件限制:MediaCreationTool.bat终极解决方案指南
  • 嵌入式毕业论文(毕设)本科生开题报告思路
  • OBS高级计时器终极指南:6种模式快速提升直播专业度
  • 告别矩形框:用GGCNN实现像素级平面抓取预测(附PyBullet仿真验证)
  • ModTheSpire实战秘籍:轻松打造个性化杀戮尖塔游戏体验
  • 如何永久保存微信聊天记录?5分钟学会WeChatMsg数据导出完整指南
  • SAP ABAP开发避坑:用BAPI_OUTB_DELIVERY_CONFIRM_DEC发货过账后,为什么VL09冲销不了?
  • 从Material Design 3看状态栏设计:用Jetpack Compose轻松实现动态主题与状态栏同步
  • NSGA-II、MOEA/D谁更强?用DTLZ基准问题做个全面性能评测(含超参数设置建议)
  • 高通QRCT工具详解:如何为QCA9880芯片选择正确的BDF文件与RFCal Data
  • python文件读写
  • 瑞芯微(EASY EAI)RV1126B 应用依赖库安装
  • 告别查重焦虑!2026 年 10 款论文降重 + 消 AI 痕迹工具测评
  • 永磁同步旋转电机发电给蓄电池充电控制仿真模型探秘
  • 云南钢结构加工+钢管采购:昆明武铁钢材品牌实力解析 - 深度智识库
  • 内存马检测与防护:构建下一代主机安全检测与响应体系 - 品牌2026
  • MIUI 12/13 免刷Recovery Root指南:用Magisk Manager 8.0.3搞定小米手机(附Android 11适配技巧)
  • OneNote笔记迁移革命:打破格式壁垒的智能转换方案
  • 快速上手:阿里达摩院GTE-base-zh模型,一键启动你的专属语义理解服务
  • 不只是教程:用ITK5.2和RTK2.3搭建你自己的锥形束CT重建实验平台
  • 突破性城市交通大数据平台:从实时客流分析到智能调度决策
  • 实时数据可视化技术