登录社区云，与社区用户共同成长
邀请您加入社区
谷歌开源Chrome DevTools MCP工具（GitHub 4.4万Star），通过MCP协议让AI编程助手直接操控Chrome浏览器。该工具提供45个功能模块，涵盖自动化操作、性能分析、调试等DevTools全部能力，支持Claude、Copilot等主流AI编程工具。开发者只需简单配置JSON即可接入，AI助手可自主完成页面测试、性能审计等任务，并可连接已有浏览器实例。该工具特别适合前端
2026 年 6 月 27 日，周六。昨天我们刚报道白宫限制 GPT-5.6 发布，今天 OpenAI 直接把它推出来了。同一天，苹果因为芯片荒涨价 20%，全球科技股集体崩盘。
2026年7月，MCP(Model Context Protocol)已成为AI Agent工具调用的行业标准协议。该协议作为AI时代的"USB接口"，通过JSON-RPC 2.0实现AI系统与外部工具的标准化通信。MCP具备三大核心能力：静态资源访问、动态工具调用和预定义提示词模板，支持11,000+工具集成，包括Chrome DevTools(41K+ Stars)、PostgreSQL等热门
在开发中应该都经历过：后端发来一个Swagger 链接，于是我们打开文档，一个个的去将接口cv到我们项目中，即重复又枯燥但还不得不做本文的由来就此诞生，意在通过输入命令打开 Swagger 文档、提取接口信息、并勾选需要的接口，写入到项目中。
本文介绍了使用ClaudeCode结合ExcelMCP实现Excel自动化操作的方法。主要内容包括：1）安装启动ExcelMCP服务器；2）将ExcelMCP集成到ClaudeCode；3）通过ChromeDevTools爬取Confluence页面数据并写入Excel。文中提供了详细的安装步骤和操作示例，帮助开发者快速实现数据抓取与Excel自动化处理。最后还介绍了加入ClaudeCode开发者
Chrome DevTools MCP 让 Claude Code 获得了"操控浏览器"的能力。
引言Chrome DevTools 是前端开发者的必备工具，不仅可以用于调试 Chrome 网页，还支持 Android WebView、Roma (跨平台开发框架) 安卓&鸿蒙端 等平台的调试。作为最常用的调试工具之一，DevTools 不仅能快速定位问题，还能让我们深入了解调试的内部机制。本文将从原理、组成部分、CDP 协议以及自定义调试工具的实现， 带你全面认识 Dev...
需求推荐方案给浏览器增加功能（如广告拦截）浏览器插件给 AI 增加一套操作规则（如代码提交流程）AI Skill给 ChatGPT 增加外部 API 能力让 AI 能操作本地工具/文件/浏览器MCP Server自己写代码调用外部服务直接 API 调用。
此时，chrome 正确打开新的标签页并进入 baidu.com。确保可以正常输出帮助信息。启动 Codex，并输入。
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ct
https://platform.deepseek.com/ （可换其他大模型API）
是目前唯一能让 AI 真正实现 ""完整闭环的工具。它将 Chrome 浏览器的全部调试能力通过标准化的 MCP 协议暴露给 AI，让 AI 从" 蒙眼写代码 "变成拥有" 浏览器之眼 "和" 浏览器之手 "。：2026 年 6 月 15 日（基于 Chrome 148 稳定版和 chrome-devtools-mcp v1.2.0）
Chrome DevTools的mcp工具与传统Performance工具对比：两者核心功能一致，均用于网页性能分析，基于相同底层数据，支持关键指标检测和交互式分析。主要区别在于mcp能自动生成分析报告和优化建议，并新增AI功能亮点：支持页面截图分析、自动读取控制台日志、网络请求排查，以及人机协同调试。mcp通过AI能力实现了更智能化的性能诊断，降低了对开发者经验的依赖。
以调试模式启动 Chrome → 安装/启动 MCP Server → 通过 HTTP 端口调用。三、步骤2：安装 & 启动 Chrome DevTools MCP Server。系统设置 → 隐私与安全性 → 自动化 → 允许终端/客户端控制 Chrome。七、客户端配置（以 Claude / Cursor 为例）五、步骤4：通过端口调用 MCP（HTTP API）四、步骤3：启动 MCP Se
文章摘要 Amos开发了一款名为"云端书架"的谷歌浏览器插件，主要解决技术文档阅读时划线批注、内容回顾的痛点。核心功能包括：网页文本划线与批注、邮箱验证码快速登录、云端同步笔记、精准跳转原文等。技术实现上采用mark.js处理DOM节点高亮、SWR缓存策略优化加载速度，并基于Supabase构建后端服务。文章详细分享了插件开发中的技术难点解决方案，以及上架Chrome应用商店的
Chrome DevTools MCP为Claude提供了直接操控Chrome开发者工具的能力，使其能够实时查看和调试Next.js管理系统开发中的各类问题。该工具主要解决五大痛点：UI渲染验证、接口调试、错误定位、响应式布局检查和表单流程测试。通过页面截图、网络请求监控、控制台错误捕获等功能，Claude可以像开发者一样直观地发现问题并立即修复，显著提升开发效率。适用于管理员列表、学校管理、店铺
它在 2026-05-20 的采样里有 120 次 clone、60 个 unique cloner、44 次 view。更有意思的是，访问路径不只停在首页，还出现了和。这说明读者不只是随手点开，而是在判断这个包是否真的可用、是否值得带走。我认为这个信号很重要：AI Agent 不只是需要“能打开浏览器”，而是需要一条能被复用的 UI 证据链。
本文探讨了云端Agent如何通过WebSocket与本地浏览器交互的方案设计。作者分析了必须由云端作为WebSocket服务端、用户端作为客户端的架构必要性，提出了"云端Agent→MCPServer→WebSocket服务端→本地WebSocket→Chrome"的交互链路。文章重点讨论了该系统的核心挑战：WebSocket连接的生命周期管理、安全认证机制以及多会话冲突避免等
chrome devtools
——chrome devtools
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
MCP技术社区
亚马逊云科技技术品牌专区
龙虾开发者社区
DAMO开发者矩阵
HarmonyOS开发者社区
AtomGit AI 社区
DeepSeek技术社区
AI Agent技术社区
