这里写自定义目录标题Mimo Code 免费体验 Mimo模型安装Chrome devtools遇坑在Mimo Code的解决方法这样你就可以让Agent操作浏览器了。Mimo Code 免费体验 Mimo模型安装Chrome devtools遇坑最近Mimo Code刚推出无限免费试用 Mimo-pro 2.5 模型我之前在opencode用了一下感觉还行。所以下载了Mimo-Code继续想体验一下。反正趁着免费继续用一下。之前在opencode上很容易就安装好了openspec但是在Mimo-code上还是遇到了一点小波折但是不算太值得写然后安装chrome-devtools的时候发现有点曲折于是可能需要这篇文章来让大家填一填这个“坑”。备注chrome-devtools 是让它操作浏览器的插件。安装它可以让它自动操作浏览器。广泛用于总结新闻搜索信息调试网站代码找资料写文档。在Mimo Code的解决方法我已经做好了skill如果你也需要在Mimo Code上安装chrome-devtools浏览器自动化插件请你把以下的文字复制给你的Mimo Code即可# 安装与配置指南本指南将帮助您安装chrome-devtools-mcp插件并配置MCP服务器以便AI助手能够控制Chrome浏览器。## 前提条件- Node.js LTS版本建议18.x或更高 - npm随Node.js一起安装 - Chrome浏览器最新稳定版 - OpenCode或其他支持MCP的AI编码助手## 1. 安装chrome-devtools-mcp### 全局安装打开终端或命令提示符执行以下命令 bashnpminstall-gchrome-devtools-mcp### 验证安装安装完成后验证是否成功bashnpx chrome-devtools-mcp--version如果显示版本号说明安装成功。## 2. 配置OpenCode MCP服务器### 创建配置文件在用户主目录下创建OpenCode配置文件 **Windows:**powershell New-Item-Path$env:USERPROFILE\.config\opencode-ItemTypeDirectory-Force**macOS/Linux:**bashmkdir-p~/.config/opencode### 编写配置内容创建opencode.json文件内容如下json{$schema:https://opencode.ai/config.json,mcp:{chrome-devtools:{type:local,command:[npx,-y,chrome-devtools-mcplatest]}}}### 验证配置重启OpenCode会话检查MCP工具是否可用。## 3. 启动Chrome调试模式### 方法一以调试模式启动Chrome**Windows:**powershellC:\Program Files\Google\Chrome\Application\chrome.exe--remote-debugging-port9222--user-data-dir%TEMP%\chrome-debug-profile**macOS:**bash/Applications/Google\Chrome.app/Contents/MacOS/Google\Chrome --remote-debugging-port9222--user-data-dir/tmp/chrome-debug-profile**Linux:**bash/usr/bin/google-chrome --remote-debugging-port9222--user-data-dir/tmp/chrome-debug-profile### 方法二连接到现有Chrome实例如果Chrome已经在运行可以访问以下地址检查调试端口http://localhost:9222/json## 4. 验证连接### 检查调试端口使用curl或浏览器访问bashcurlhttp://localhost:9222/json如果返回JSON数据说明Chrome调试端口已启用。### 测试MCP工具在OpenCode中尝试使用chrome-devtools工具例如列出当前浏览器页面## 故障排除### 问题1npm命令未找到**解决方案** 确保Node.js和npm已正确安装并添加到系统PATH。### 问题2Chrome调试端口无法访问**解决方案**1. 确保没有其他Chrome实例在运行2. 检查防火墙设置3. 尝试使用不同端口### 问题3MCP服务器未加载**解决方案**1. 检查配置文件路径是否正确2. 重启OpenCode会话3. 查看OpenCode日志获取错误信息### 问题4WebSocket连接失败**解决方案**1. 确保Chrome以调试模式启动2. 检查端口是否被占用3. 尝试使用--user-data-dir指定新的用户数据目录## 相关资源- 官方文档https://github.com/ChromeDevTools/chrome-devtools-mcp -npm包https://www.npmjs.com/package/chrome-devtools-mcp## 总结通过以上步骤你已经成功在 MiMo 上安装了 chrome-devtools-mcp 插件。现在 MiMo 可以帮你 - 自动打开网页并截图 - 分析网页性能 - 执行自动化测试 - 调试前端代码这样你就可以让Agent操作浏览器了。安装后你可以让 MiMo打开网页并截图分析网页性能自动化表单填写执行 JavaScript 脚本监控网络请求
