linux.do

在wsl中使用codex，配置playwright连接远程浏览器调试

最近在折腾codex安装页面远程调试，用的总不顺心。
想着有没有连接本地已启动的浏览器实时让大模型操作浏览页面，查看文档支持dcp协议，刚好可以使用，废话不多说。

codex配置文件

vim ~/.codex/config.toml

第一种：如果你只是想使用基础版本

[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest","--isolated","--no-sandbox"]

第二种：wsl中连接windows外部浏览器

需要注意的是wsl和外部系统网络保持畅通
1、windows启动chrome浏览器和端口监听，–user-data-dir设置用户目录

"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe" --remote-debugging-port=9222 --user-data-dir="C:\\chrome_dev" --remote-debugging-address=0.0.0.0

1.5、确认端口监听状态

在 Windows PowerShell 中执行：
netstat -ano | findstr 9222

输出类似于
TCP    127.0.0.1:9222     0.0.0.0:0     LISTENING     12345

2、在wsl中找到windows主机IP

cat /etc/resolv.conf | grep nameserver

输出类似nameserver 172.21.48.1

3、测试连接

curl <http://172.21.48.1:9222/json/version>
请求返回有json，获取webSocketDebuggerUrl

{ "Browser": "Chrome/135.0.7049.85", "Protocol-Version": "1.3", "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36", "V8-Version": "13.5.212.10", "WebKit-Version": "537.36 (@1e112499da812a1dde62101ed601dcb93024aaff)", "webSocketDebuggerUrl": "ws://172.21.48.1:9222/devtools/browser/35a1c7e5-c863-49c1-bf13-ec6d88717a20" }

4、配置mcp，使用cdp协议【重点注意webSocketDebuggerUrl】

[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest","--cdp-endpoint","ws://172.21.48.1:9222/devtools/browser/35a1c7e5-c863-49c1-bf13-ec6d88717a20"]

args = ["@playwright/mcp@latest","--extension"]
env = {"PLAYWRIGHT_MCP_EXTENSION_TOKEN"= "VoEiMWAeXItxwYrmmpWh0mdXSVheDbm_v4s1zxXQN3I"}

其他环境网络相关

如果你wsl环境网络原因安装不上，根据可以编辑.bashrc。根据Linux系统版本【可能是.bash文件自行判断】

添加到用户环境变量

export UV_INDEX=http://mirrors.aliyun.com/pypi/simple
export UV_DEFAULT_INDEX=http://mirrors.aliyun.com/pypi/simple
export npm_config_registry=https://registry.npmmirror.com

加载新配置后再尝试安装命令

source ~/.bashrc

执行help命令，确认wsl中已安装好依赖

> npx @playwright/mcp@latest --help

其他注意事项：

1、需要注意的是浏览器每次启动的webSocketDebuggerUrl都不一样，如果有变动需要更新里面的token，是有点麻烦。
2、另外官方有–extension参数支持，说在浏览器安装拓展就可以连接已运行的浏览器实例（edge，chrome），我在wsl下测试没跑通，如果成功了的大佬可以分享一下。

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: 拖拉机)

35 views07:35