[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-AgentDeskAI--browser-tools-mcp":3,"tool-AgentDeskAI--browser-tools-mcp":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",138956,2,"2026-04-05T11:33:21",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":69,"readme_en":70,"readme_zh":71,"quickstart_zh":72,"use_case_zh":73,"hero_image_url":74,"owner_login":75,"owner_name":75,"owner_avatar_url":76,"owner_bio":77,"owner_company":77,"owner_location":77,"owner_email":77,"owner_twitter":77,"owner_website":77,"owner_url":78,"languages":79,"stars":92,"forks":93,"last_commit_at":94,"license":95,"difficulty_score":96,"env_os":97,"env_gpu":98,"env_ram":98,"env_deps":99,"category_tags":108,"github_topics":109,"view_count":23,"oss_zip_url":77,"oss_zip_packed_at":77,"status":16,"created_at":115,"updated_at":116,"faqs":117,"releases":146},2552,"AgentDeskAI\u002Fbrowser-tools-mcp","browser-tools-mcp","Monitor browser logs directly from Cursor and other MCP compatible IDEs.","browser-tools-mcp 是一款旨在提升 AI 编程助手浏览器感知能力的开源工具。它通过连接 Chrome 扩展与本地服务，让 Cursor 等支持 MCP 协议的 IDE 能够直接读取和分析浏览器日志、截图及页面状态。\n\n该工具主要解决了开发者在利用 AI 进行前端调试或优化时，需要手动复制粘贴错误信息、截图或切换窗口的痛点。借助它，AI 助手可以“看见”你当前的浏览器画面，自动执行审计任务，从而大幅减少上下文切换，让人机协作更加流畅。\n\nbrowser-tools-mcp 特别适合前端开发者、全栈工程师以及习惯使用 AI 辅助编程的技术人员。其核心技术亮点在于深度集成了 Google Lighthouse 引擎，支持在 IDE 内一键自动检测页面的无障碍性（WCAG）、性能瓶颈、SEO 问题及开发最佳实践。此外，它还提供了针对 Next.js 框架的专项优化提示，并具备自动重连和智能端口发现机制，确保了连接的稳定性。\n\n需要注意的是，该项目目前已停止活跃维护，官方建议用户寻找替代方案。但在其可用期间，它为构建“感知型”AI 开发工作流提供了极具价值的思路。","THIS PROJECT IS NO LONGER ACTIVE PLEASE USE A DIFFERENT SOLUTION FOR THIS. \n\n# BrowserTools MCP\n\n\n> Make your AI tools 10x more aware and capable of interacting with your browser\n\nThis application is a powerful browser monitoring and interaction tool that enables AI-powered applications via Anthropic's Model Context Protocol (MCP) to capture and analyze browser data through a Chrome extension.\n\nRead our [docs](https:\u002F\u002Fbrowsertools.agentdesk.ai\u002F) for the full installation, quickstart and contribution guides.\n\n## Roadmap\n\nCheck out our project roadmap here: [Github Roadmap \u002F Project Board](https:\u002F\u002Fgithub.com\u002Forgs\u002FAgentDeskAI\u002Fprojects\u002F1\u002Fviews\u002F1)\n\n## Updates\n\nv1.2.0 is out! Here's a quick breakdown of the update:\n- You can now enable \"Allow Auto-Paste into Cursor\" within the DevTools panel. Screenshots will be automatically pasted into Cursor (just make sure to focus\u002Fclick into the Agent input field in Cursor, otherwise it won't work!)\n- Integrated a suite of SEO, performance, accessibility, and best practice analysis tools via Lighthouse\n- Implemented a NextJS specific prompt used to improve SEO for a NextJS application\n- Added Debugger Mode as a tool which executes all debugging tools in a particular sequence, along with a prompt to improve reasoning\n- Added Audit Mode as a tool to execute all auditing tools in a particular sequence\n- Resolved Windows connectivity issues\n- Improved networking between BrowserTools server, extension and MCP server with host\u002Fport auto-discovery, auto-reconnect, and graceful shutdown mechanisms\n- Added ability to more easily exit out of the Browser Tools server with Ctrl+C\n\n## Quickstart Guide\n\nThere are three components to run this MCP tool:\n\n1. Install our chrome extension from here: [v1.2.0 BrowserToolsMCP Chrome Extension](https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Freleases\u002Fdownload\u002Fv1.2.0\u002FBrowserTools-1.2.0-extension.zip)\n2. Install the MCP server from this command within your IDE: `npx @agentdeskai\u002Fbrowser-tools-mcp@latest`\n3. Open a new terminal and run this command: `npx @agentdeskai\u002Fbrowser-tools-server@latest`\n\n* Different IDEs have different configs but this command is generally a good starting point; please reference your IDEs docs for the proper config setup\n\nIMPORTANT TIP - there are two servers you need to install. There's...\n- browser-tools-server (local nodejs server that's a middleware for gathering logs)\nand\n- browser-tools-mcp (MCP server that you install into your IDE that communicates w\u002F the extension + browser-tools-server)\n\n`npx @agentdeskai\u002Fbrowser-tools-mcp@latest` is what you put into your IDE\n`npx @agentdeskai\u002Fbrowser-tools-server@latest` is what you run in a new terminal window\n\nAfter those three steps, open up your chrome dev tools and then the BrowserToolsMCP panel.\n\nIf you're still having issues try these steps:\n- Quit \u002F close down your browser. Not just the window but all of Chrome itself. \n- Restart the local node server (browser-tools-server)\n- Make sure you only have ONE instance of chrome dev tools panel open\n\nAfter that, it should work but if it doesn't let me know and I can share some more steps to gather logs\u002Finfo about the issue!\n\nIf you have any questions or issues, feel free to open an issue ticket! And if you have any ideas to make this better, feel free to reach out or open an issue ticket with an enhancement tag or reach out to me at [@tedx_ai on x](https:\u002F\u002Fx.com\u002Ftedx_ai)\n\n## Full Update Notes:\n\nCoding agents like Cursor can run these audits against the current page seamlessly. By leveraging Puppeteer and the Lighthouse npm library, BrowserTools MCP can now:\n\n- Evaluate pages for WCAG compliance\n- Identify performance bottlenecks\n- Flag on-page SEO issues\n- Check adherence to web development best practices\n- Review NextJS specific issues with SEO\n\n...all without leaving your IDE 🎉\n\n---\n\n## 🔑 Key Additions\n\n| Audit Type         | Description                                                                                                                              |\n| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- |\n| **Accessibility**  | WCAG-compliant checks for color contrast, missing alt text, keyboard navigation traps, ARIA attributes, and more.                        |\n| **Performance**    | Lighthouse-driven analysis of render-blocking resources, excessive DOM size, unoptimized images, and other factors affecting page speed. |\n| **SEO**            | Evaluates on-page SEO factors (like metadata, headings, and link structure) and suggests improvements for better search visibility.      |\n| **Best Practices** | Checks for general best practices in web development.                                                                                    |\n| **NextJS Audit**   | Injects a prompt used to perform a NextJS audit.                                                                                         |\n| **Audit Mode**     | Runs all auditing tools in a sequence.                                                                                                   |\n| **Debugger Mode**  | Runs all debugging tools in a sequence.                                                                                                  |\n\n---\n\n## 🛠️ Using Audit Tools\n\n### ✅ **Before You Start**\n\nEnsure you have:\n\n- An **active tab** in your browser\n- The **BrowserTools extension enabled**\n\n### ▶️ **Running Audits**\n\n**Headless Browser Automation**:  \n Puppeteer automates a headless Chrome instance to load the page and collect audit data, ensuring accurate results even for SPAs or content loaded via JavaScript.\n\nThe headless browser instance remains active for **60 seconds** after the last audit call to efficiently handle consecutive audit requests.\n\n**Structured Results**:  \n Each audit returns results in a structured JSON format, including overall scores and detailed issue lists. This makes it easy for MCP-compatible clients to interpret the findings and present actionable insights.\n\nThe MCP server provides tools to run audits on the current page. Here are example queries you can use to trigger them:\n\n#### Accessibility Audit (`runAccessibilityAudit`)\n\nEnsures the page meets accessibility standards like WCAG.\n\n> **Example Queries:**\n>\n> - \"Are there any accessibility issues on this page?\"\n> - \"Run an accessibility audit.\"\n> - \"Check if this page meets WCAG standards.\"\n\n#### Performance Audit (`runPerformanceAudit`)\n\nIdentifies performance bottlenecks and loading issues.\n\n> **Example Queries:**\n>\n> - \"Why is this page loading so slowly?\"\n> - \"Check the performance of this page.\"\n> - \"Run a performance audit.\"\n\n#### SEO Audit (`runSEOAudit`)\n\nEvaluates how well the page is optimized for search engines.\n\n> **Example Queries:**\n>\n> - \"How can I improve SEO for this page?\"\n> - \"Run an SEO audit.\"\n> - \"Check SEO on this page.\"\n\n#### Best Practices Audit (`runBestPracticesAudit`)\n\nChecks for general best practices in web development.\n\n> **Example Queries:**\n>\n> - \"Run a best practices audit.\"\n> - \"Check best practices on this page.\"\n> - \"Are there any best practices issues on this page?\"\n\n#### Audit Mode (`runAuditMode`)\n\nRuns all audits in a particular sequence. Will run a NextJS audit if the framework is detected.\n\n> **Example Queries:**\n>\n> - \"Run audit mode.\"\n> - \"Enter audit mode.\"\n\n#### NextJS Audits (`runNextJSAudit`)\n\nChecks for best practices and SEO improvements for NextJS applications\n\n> **Example Queries:**\n>\n> - \"Run a NextJS audit.\"\n> - \"Run a NextJS audit, I'm using app router.\"\n> - \"Run a NextJS audit, I'm using page router.\"\n\n#### Debugger Mode (`runDebuggerMode`)\n\nRuns all debugging tools in a particular sequence\n\n> **Example Queries:**\n>\n> - \"Enter debugger mode.\"\n\n## Architecture\n\nThere are three core components all used to capture and analyze browser data:\n\n1. **Chrome Extension**: A browser extension that captures screenshots, console logs, network activity and DOM elements.\n2. **Node Server**: An intermediary server that facilitates communication between the Chrome extension and any instance of an MCP server.\n3. **MCP Server**: A Model Context Protocol server that provides standardized tools for AI clients to interact with the browser.\n\n```\n┌─────────────┐     ┌──────────────┐     ┌───────────────┐     ┌─────────────┐\n│  MCP Client │ ──► │  MCP Server  │ ──► │  Node Server  │ ──► │   Chrome    │\n│  (e.g.      │ ◄── │  (Protocol   │ ◄── │ (Middleware)  │ ◄── │  Extension  │\n│   Cursor)   │     │   Handler)   │     │               │     │             │\n└─────────────┘     └──────────────┘     └───────────────┘     └─────────────┘\n```\n\nModel Context Protocol (MCP) is a capability supported by Anthropic AI models that\nallow you to create custom tools for any compatible client. MCP clients like Claude\nDesktop, Cursor, Cline or Zed can run an MCP server which \"teaches\" these clients\nabout a new tool that they can use.\n\nThese tools can call out to external APIs but in our case, **all logs are stored locally** on your machine and NEVER sent out to any third-party service or API. BrowserTools MCP runs a local instance of a NodeJS API server which communicates with the BrowserTools Chrome Extension.\n\nAll consumers of the BrowserTools MCP Server interface with the same NodeJS API and Chrome extension.\n\n#### Chrome Extension\n\n- Monitors XHR requests\u002Fresponses and console logs\n- Tracks selected DOM elements\n- Sends all logs and current element to the BrowserTools Connector\n- Connects to Websocket server to capture\u002Fsend screenshots\n- Allows user to configure token\u002Ftruncation limits + screenshot folder path\n\n#### Node Server\n\n- Acts as middleware between the Chrome extension and MCP server\n- Receives logs and currently selected element from Chrome extension\n- Processes requests from MCP server to capture logs, screenshot or current element\n- Sends Websocket command to the Chrome extension for capturing a screenshot\n- Intelligently truncates strings and # of duplicate objects in logs to avoid token limits\n- Removes cookies and sensitive headers to avoid sending to LLMs in MCP clients\n\n#### MCP Server\n\n- Implements the Model Context Protocol\n- Provides standardized tools for AI clients\n- Compatible with various MCP clients (Cursor, Cline, Zed, Claude Desktop, etc.)\n\n## Installation\n\nInstallation steps can be found in our documentation:\n\n- [BrowserTools MCP Docs](https:\u002F\u002Fbrowsertools.agentdesk.ai\u002F)\n\n## Usage\n\nOnce installed and configured, the system allows any compatible MCP client to:\n\n- Monitor browser console output\n- Capture network traffic\n- Take screenshots\n- Analyze selected elements\n- Wipe logs stored in our MCP server\n- Run accessibility, performance, SEO, and best practices audits\n\n## Compatibility\n\n- Works with any MCP-compatible client\n- Primarily designed for Cursor IDE integration\n- Supports other AI editors and MCP clients\n","该项目已不再维护，请使用其他解决方案。\n\n# BrowserTools MCP\n\n\n> 让您的 AI 工具对浏览器更加敏感，并具备更强的交互能力\n\n此应用是一款强大的浏览器监控与交互工具，通过 Anthropic 的模型上下文协议 (MCP)，借助 Chrome 扩展程序，使基于 AI 的应用程序能够捕获并分析浏览器数据。\n\n请阅读我们的[文档](https:\u002F\u002Fbrowsertools.agentdesk.ai\u002F)以获取完整的安装、快速入门和贡献指南。\n\n## 路线图\n\n请在此处查看我们的项目路线图：[Github 路线图 \u002F 项目看板](https:\u002F\u002Fgithub.com\u002Forgs\u002FAgentDeskAI\u002Fprojects\u002F1\u002Fviews\u002F1)\n\n## 更新内容\n\nv1.2.0 已发布！以下是本次更新的简要说明：\n- 您现在可以在 DevTools 面板中启用“允许自动粘贴到 Cursor”。截图将自动粘贴到 Cursor 中（只需确保焦点或点击位于 Cursor 的 Agent 输入框内，否则将无法正常工作！）\n- 通过 Lighthouse 集成了 SEO、性能、可访问性及最佳实践分析工具套件\n- 实现了一个针对 NextJS 应用程序的特定提示，用于提升其 SEO 效果\n- 添加了调试模式工具，该工具会按照特定顺序执行所有调试工具，并附带一个用于改进推理能力的提示\n- 添加了审计模式工具，用于按特定顺序执行所有审计工具\n- 解决了 Windows 系统上的连接问题\n- 改进了 BrowserTools 服务器、扩展程序和 MCP 服务器之间的网络通信，实现了主机\u002F端口自动发现、自动重连以及优雅关闭机制\n- 增加了通过 Ctrl+C 更轻松地退出 BrowserTools 服务器的功能\n\n## 快速入门指南\n\n运行此 MCP 工具需要三个组件：\n\n1. 从这里安装我们的 Chrome 扩展程序：[v1.2.0 BrowserToolsMCP Chrome 扩展程序](https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Freleases\u002Fdownload\u002Fv1.2.0\u002FBrowserTools-1.2.0-extension.zip)\n2. 在您的 IDE 中运行以下命令安装 MCP 服务器：`npx @agentdeskai\u002Fbrowser-tools-mcp@latest`\n3. 打开一个新的终端窗口并运行以下命令：`npx @agentdeskai\u002Fbrowser-tools-server@latest`\n\n* 不同的 IDE 可能有不同的配置，但此命令通常是一个不错的起点；请参考您所使用的 IDE 文档以进行正确的配置设置。\n\n重要提示——您需要安装两个服务器。它们分别是：\n- browser-tools-server（本地 Node.js 服务器，作为收集日志的中间件）\n- browser-tools-mcp（MCP 服务器，需安装在您的 IDE 中，负责与扩展程序和 browser-tools-server 通信）\n\n`npx @agentdeskai\u002Fbrowser-tools-mcp@latest` 是您需要在 IDE 中运行的命令，\n而 `npx @agentdeskai\u002Fbrowser-tools-server@latest` 则是在新的终端窗口中运行的命令。\n\n完成以上三个步骤后，打开 Chrome 开发者工具，然后进入 BrowserToolsMCP 面板。\n\n如果您仍然遇到问题，请尝试以下步骤：\n- 关闭并退出浏览器——不仅仅是窗口，而是彻底关闭整个 Chrome 浏览器。\n- 重启本地 Node.js 服务器（browser-tools-server）。\n- 确保仅打开一个 Chrome 开发者工具面板。\n\n完成这些操作后，应该就可以正常使用了。如果仍无法正常工作，请告知我，我可以提供更多步骤来收集有关问题的日志和信息！\n\n如果您有任何疑问或问题，欢迎随时提交问题工单！如果您有任何改进建议，也欢迎随时联系或提交带有增强标签的问题工单，或者直接通过 [@tedx_ai on x](https:\u002F\u002Fx.com\u002Ftedx_ai) 与我联系。\n\n## 完整更新说明：\n\n像 Cursor 这样的编码助手可以无缝地对当前页面执行这些审计。通过利用 Puppeteer 和 Lighthouse npm 库，BrowserTools MCP 现在能够：\n\n- 评估页面是否符合 WCAG 标准\n- 识别性能瓶颈\n- 标记页面上的 SEO 问题\n- 检查是否遵循 Web 开发的最佳实践\n- 审查 NextJS 特有的 SEO 问题\n\n这一切都不需要离开您的 IDE 🎉\n\n---\n\n## 🔑 主要新增功能\n\n| 审计类型         | 描述                                                                                                                              |\n| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- |\n| **可访问性**  | 符合 WCAG 标准的检查，包括颜色对比度、缺失的替代文本、键盘导航陷阱、ARIA 属性等。                        |\n| **性能**    | 基于 Lighthouse 的分析，检测渲染阻塞资源、过大的 DOM 结构、未优化的图片以及其他影响页面加载速度的因素。 |\n| **SEO**            | 评估页面上的 SEO 因素（如元数据、标题和链接结构），并提出改进建议以提高搜索可见性。      |\n| **最佳实践** | 检查网页开发中的通用最佳实践。                                                                                    |\n| **NextJS 审计**   | 注入一个用于执行 NextJS 审计的提示。                                                                                         |\n| **审计模式**     | 按照顺序运行所有审计工具。                                                                                                   |\n| **调试模式**  | 按照顺序运行所有调试工具。                                                                                                  |\n\n---\n\n## 🛠️ 使用审计工具\n\n### ✅ **开始之前**\n\n请确保您已准备好：\n\n- 浏览器中有一个**活动标签页**\n- 已启用**BrowserTools 扩展程序**\n\n### ▶️ **运行审计**\n\n**无头浏览器自动化**：  \n Puppeteer 自动化一个无头 Chrome 实例来加载页面并收集审计数据，即使对于单页应用或通过 JavaScript 加载的内容，也能确保结果的准确性。\n\n无头浏览器实例在最后一次审计调用后会保持活动状态 **60 秒**，以便高效处理连续的审计请求。\n\n**结构化结果**：  \n 每次审计都会以结构化的 JSON 格式返回结果，包括总体评分和详细的问題列表。这使得兼容 MCP 的客户端能够轻松解读结果，并呈现可操作的见解。\n\nMCP 服务器提供了在当前页面上运行审计的工具。以下是您可以用来触发这些审计的示例查询：\n\n#### 无障碍审计 (`runAccessibilityAudit`)\n\n确保页面符合 WCAG 等无障碍标准。\n\n> **示例查询：**\n>\n> - “这个页面是否存在无障碍问题？”\n> - “运行一次无障碍审计。”\n> - “检查这个页面是否符合 WCAG 标准。”\n\n#### 性能审计 (`runPerformanceAudit`)\n\n识别性能瓶颈和加载问题。\n\n> **示例查询：**\n>\n> - “为什么这个页面加载得这么慢？”\n> - “检查一下这个页面的性能。”\n> - “运行一次性能审计。”\n\n#### SEO 审计 (`runSEOAudit`)\n\n评估页面对搜索引擎优化的程度。\n\n> **示例查询：**\n>\n> - “我该如何改进这个页面的 SEO？”\n> - “运行一次 SEO 审计。”\n> - “检查一下这个页面的 SEO。”\n\n#### 最佳实践审计 (`runBestPracticesAudit`)\n\n检查网页开发中的通用最佳实践。\n\n> **示例查询：**\n>\n> - “运行一次最佳实践审计。”\n> - “检查一下这个页面的最佳实践。”\n> - “这个页面是否存在最佳实践方面的问题？”\n\n#### 审计模式 (`runAuditMode`)\n\n按特定顺序运行所有审计。如果检测到 Next.js 框架，则会运行 Next.js 审计。\n\n> **示例查询：**\n>\n> - “运行审计模式。”\n> - “进入审计模式。”\n\n#### Next.js 审计 (`runNextJSAudit`)\n\n检查 Next.js 应用程序的最佳实践和 SEO 改进。\n\n> **示例查询：**\n>\n> - “运行一次 Next.js 审计。”\n> - “运行一次 Next.js 审计，我正在使用 App Router。”\n> - “运行一次 Next.js 审计，我正在使用 Page Router。”\n\n#### 调试模式 (`runDebuggerMode`)\n\n按特定顺序运行所有调试工具。\n\n> **示例查询：**\n>\n> - “进入调试模式。”\n\n## 架构\n\n有三个核心组件用于捕获和分析浏览器数据：\n\n1. **Chrome 扩展程序**：一款浏览器扩展程序，用于捕获屏幕截图、控制台日志、网络活动和 DOM 元素。\n2. **Node.js 服务器**：作为中介服务器，促进 Chrome 扩展程序与任何 MCP 服务器实例之间的通信。\n3. **MCP 服务器**：一种模型上下文协议服务器，为 AI 客户端提供与浏览器交互的标准工具。\n\n```\n┌─────────────┐     ┌──────────────┐     ┌───────────────┐     ┌─────────────┐\n│  MCP 客户端 │ ──► │  MCP 服务器  │ ──► │  Node.js 服务器  │ ──► │   Chrome    │\n│  (例如      │ ◄── │  (协议       │ ◄── │ (中间件)      │ ◄── │  扩展程序  │\n│   Cursor)   │     │   处理器)   │     │               │     │             │\n└─────────────┘     └──────────────┘     └───────────────┘     └─────────────┘\n```\n\n模型上下文协议（MCP）是 Anthropic AI 模型支持的一项功能，允许您为任何兼容的客户端创建自定义工具。像 Claude Desktop、Cursor、Cline 或 Zed 这样的 MCP 客户端可以运行一个 MCP 服务器，该服务器会“教会”这些客户端如何使用新工具。\n\n这些工具可以调用外部 API，但在我们的案例中，**所有日志都存储在您的本地机器上**，绝不会发送到任何第三方服务或 API。BrowserTools MCP 运行一个本地的 Node.js API 服务器实例，该服务器与 BrowserTools Chrome 扩展程序进行通信。\n\n所有使用 BrowserTools MCP 服务器接口的用户都通过相同的 Node.js API 和 Chrome 扩展程序进行交互。\n\n#### Chrome 扩展程序\n\n- 监控 XHR 请求\u002F响应和控制台日志\n- 跟踪选定的 DOM 元素\n- 将所有日志和当前元素发送到 BrowserTools 连接器\n- 连接到 WebSocket 服务器以捕获\u002F发送屏幕截图\n- 允许用户配置令牌\u002F截断限制以及截图保存路径\n\n#### Node.js 服务器\n\n- 充当 Chrome 扩展程序与 MCP 服务器之间的中间件\n- 接收来自 Chrome 扩展程序的日志和当前选定的元素\n- 处理来自 MCP 服务器的请求，以捕获日志、屏幕截图或当前元素\n- 向 Chrome 扩展程序发送 WebSocket 命令以捕获屏幕截图\n- 智能地截断字符串和日志中重复对象的数量，以避免超出令牌限制\n- 删除 Cookie 和敏感标头，以防止将其发送到 MCP 客户端中的 LLM\n\n#### MCP 服务器\n\n- 实现模型上下文协议\n- 为 AI 客户端提供标准化工具\n- 与各种 MCP 客户端兼容（Cursor、Cline、Zed、Claude Desktop 等）\n\n## 安装\n\n安装步骤可在我们的文档中找到：\n\n- [BrowserTools MCP 文档](https:\u002F\u002Fbrowsertools.agentdesk.ai\u002F)\n\n## 使用\n\n一旦安装并配置完毕，该系统允许任何兼容的 MCP 客户端：\n\n- 监控浏览器控制台输出\n- 捕获网络流量\n- 截取屏幕截图\n- 分析选定的元素\n- 清除我们 MCP 服务器中存储的日志\n- 运行无障碍、性能、SEO 和最佳实践审计\n\n## 兼容性\n\n- 适用于任何兼容 MCP 的客户端\n- 主要设计用于与 Cursor IDE 集成\n- 支持其他 AI 编辑器和 MCP 客户端","# BrowserTools MCP 快速上手指南\n\n> **⚠️ 重要提示**：根据项目官方说明，**本项目已不再维护（NO LONGER ACTIVE）**。建议开发者寻找替代方案。以下指南仅基于现有文档整理，供参考或本地实验使用。\n\nBrowserTools MCP 是一款基于 Anthropic Model Context Protocol (MCP) 的浏览器监控与交互工具。它通过 Chrome 扩展和本地服务，让 AI 编程助手（如 Cursor、Cline 等）能够感知浏览器状态、捕获日志、截图并进行 SEO、性能及无障碍审计。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：Windows, macOS 或 Linux\n*   **浏览器**：Google Chrome（需完全关闭后重新启动以加载扩展）\n*   **运行时环境**：Node.js (推荐最新 LTS 版本，用于运行 `npx` 命令)\n*   **AI 编辑器**：支持 MCP 协议的客户端（如 **Cursor**, Cline, Zed, Claude Desktop 等）\n*   **网络环境**：需能访问 GitHub Releases 和 npm 仓库（国内用户若遇连接问题，请自行配置代理或镜像源）\n\n## 安装步骤\n\n该工具由三个核心部分组成：**Chrome 扩展**、**MCP 服务器**（集成到 IDE）和 **Node 中间件服务**（独立运行）。请按顺序完成以下三步：\n\n### 1. 安装 Chrome 扩展\n\n下载并安装浏览器扩展程序：\n\n1.  下载扩展包：[v1.2.0 BrowserToolsMCP Chrome Extension](https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Freleases\u002Fdownload\u002Fv1.2.0\u002FBrowserTools-1.2.0-extension.zip)\n2.  解压下载的 `.zip` 文件。\n3.  打开 Chrome 浏览器，地址栏输入 `chrome:\u002F\u002Fextensions\u002F` 并回车。\n4.  开启右上角的 **\"开发者模式\" (Developer mode)**。\n5.  点击 **\"加载已解压的扩展程序\" (Load unpacked)**，选择刚才解压的文件夹。\n\n### 2. 配置 IDE 中的 MCP 服务器\n\n在您使用的 AI 编辑器（以 Cursor 为例）的 MCP 配置文件中添加以下命令。这将安装负责协议通信的 MCP 服务。\n\n```bash\nnpx @agentdeskai\u002Fbrowser-tools-mcp@latest\n```\n\n> **注意**：不同 IDE 的配置方式略有差异，请将上述命令填入您 IDE 对应的 MCP Server 启动配置中。\n\n### 3. 启动本地 Node 中间件服务\n\n打开一个新的终端窗口（保持运行），启动负责收集日志和协调通信的本地服务器：\n\n```bash\nnpx @agentdeskai\u002Fbrowser-tools-server@latest\n```\n\n### 4. 激活面板\n\n1.  确保上述两个服务均已启动。\n2.  在 Chrome 中按 `F12` 打开开发者工具。\n3.  在开发者工具顶部菜单栏找到并点击 **BrowserToolsMCP** 面板。\n4.  若看到面板正常显示且无报错，即表示安装成功。\n\n## 基本使用\n\n安装完成后，您可以在 AI 助手（如 Cursor 的 Agent 模式）中直接使用自然语言调用浏览器功能。\n\n### 核心功能示例\n\n确保当前浏览器有一个**活动标签页**，且 **BrowserTools 扩展已启用**，然后在 AI 对话框中输入以下指令：\n\n#### 1. 运行综合审计 (Audit Mode)\n自动执行无障碍、性能、SEO 和最佳实践检查。\n> **指令示例**：\n> \"Run audit mode.\"\n> \"进入审计模式，检查当前页面。\"\n\n#### 2. 专项审计\n针对特定领域进行分析：\n*   **无障碍性**：\"Are there any accessibility issues on this page?\" (检查 WCAG 合规性)\n*   **性能**：\"Why is this page loading so slowly?\" (分析加载瓶颈)\n*   **SEO**：\"How can I improve SEO for this page?\" (评估搜索引擎优化)\n*   **NextJS 专项**：\"Run a NextJS audit, I'm using app router.\" (针对 NextJS 项目的 SEO 检查)\n\n#### 3. 调试模式 (Debugger Mode)\n按顺序执行所有调试工具。\n> **指令示例**：\n> \"Enter debugger mode.\"\n\n#### 4. 自动截图粘贴 (Cursor 专用)\n在 DevTools 的 BrowserTools 面板中启用 **\"Allow Auto-Paste into Cursor\"**。\n*   **操作**：在 Cursor 中聚焦输入框，AI 捕获的截图将自动粘贴。\n\n### 工作原理简述\n当您发出指令时，流程如下：\n`AI 客户端 (Cursor)` → `MCP Server` → `Node 中间件服务` → `Chrome 扩展` → `捕获数据 (日志\u002F截图\u002FDOM)` → 返回给 AI 分析。\n\n所有数据均在本地处理，不会发送至第三方服务。","前端工程师小李正在使用 Cursor IDE 为公司的 NextJS 电商网站进行 SEO 优化和性能调优，急需定位页面加载缓慢及搜索引擎收录不佳的根源。\n\n### 没有 browser-tools-mcp 时\n- **上下文割裂**：小李必须在浏览器开发者工具、Lighthouse 独立报告和 IDE 代码编辑器之间频繁切换，难以将性能数据与具体代码行直接关联。\n- **手动操作繁琐**：每次修改代码后，需手动刷新页面、重新运行审计工具并复制粘贴截图或日志到 Cursor 中让 AI 分析，流程断裂且耗时。\n- **诊断深度不足**：AI 助手因无法直接读取实时的浏览器控制台日志和网络请求细节，只能基于模糊的描述给出通用的优化建议，无法精准定位 NextJS 特有的渲染阻塞问题。\n- **合规检查滞后**：WCAG 无障碍标准和 SEO 元标签的检查往往在开发后期才统一进行，导致返工成本高。\n\n### 使用 browser-tools-mcp 后\n- **无缝上下文集成**：browser-tools-mcp 直接将 Chrome 扩展捕获的实时日志、网络请求和 Lighthouse 审计数据注入 Cursor，AI 无需切换窗口即可“看见”浏览器状态。\n- **自动化工作流**：开启\"Auto-Paste\"功能后，截图和审计报告自动流入 Cursor 对话框；调用\"Debugger Mode\"可一键按顺序执行全套调试工具，大幅缩短反馈循环。\n- **精准智能诊断**：借助内置的 NextJS 专用提示词，AI 能结合实时数据精准指出具体的 SEO 元标签缺失或 hydration 性能瓶颈，并直接生成修复代码。\n- **即时合规审计**：通过\"Audit Mode\"，小李可在编码过程中随时触发对 WCAG 标准和最佳实践的自动扫描，确保问题在提交前即刻解决。\n\nbrowser-tools-mcp 通过打通浏览器与 IDE 的数据壁垒，让 AI 编程助手具备了实时的“视觉”与“听觉”，将原本割裂的调试过程转化为流畅的智能闭环。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FAgentDeskAI_browser-tools-mcp_ffcc80de.png","AgentDeskAI","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002FAgentDeskAI_80a04079.png",null,"https:\u002F\u002Fgithub.com\u002FAgentDeskAI",[80,84,88],{"name":81,"color":82,"percentage":83},"JavaScript","#f1e05a",65.6,{"name":85,"color":86,"percentage":87},"TypeScript","#3178c6",31.9,{"name":89,"color":90,"percentage":91},"HTML","#e34c26",2.5,7161,522,"2026-04-03T03:00:19","MIT",4,"Windows, macOS, Linux","未说明",{"notes":100,"python":98,"dependencies":101},"该项目已不再活跃维护，建议使用其他替代方案。运行环境核心依赖为 Node.js 和 Google Chrome 浏览器（需安装提供的扩展程序）。架构包含三个部分：Chrome 扩展、本地 Node.js 中间件服务器和 MCP 服务器。无 Python 或 GPU 需求，主要通过网络端口和本地 WebSocket 进行通信。",[102,103,104,105,106,107],"Node.js","Chrome Browser","@agentdeskai\u002Fbrowser-tools-mcp","@agentdeskai\u002Fbrowser-tools-server","Puppeteer","Lighthouse",[14,15,13],[110,111,112,113,114],"ai","anthropic","cursor","mcp","mcp-server","2026-03-27T02:49:30.150509","2026-04-06T05:17:44.058614",[118,123,128,133,138,142],{"id":119,"question_zh":120,"answer_zh":121,"source_url":122},11791,"在 Cursor 中遇到 'No tools found' 或 'spawn npx ENOENT' 错误怎么办？","这通常是由于路径解析问题或 NPX 执行问题导致的。解决方案如下：\n1. 确保先启动中间件服务器：运行 `npx @agentdeskai\u002Fbrowser-tools-server@1.2.0`。\n2. 避免直接使用 npx 命令，改为在配置中指定 node 的绝对路径和脚本路径。例如：\n```json\n\"BrowserTools\": {\n  \"command\": \"\u002Fpath\u002Fto\u002Fnode\",\n  \"args\": [\n    \"\u002Ffull\u002Fpath\u002Fto\u002Fnode_modules\u002F@agentdeskai\u002Fbrowser-tools-mcp\u002Fdist\u002Fmcp-server.js\",\n    \"run\"\n  ]\n}\n```\n3. Windows 用户请参考官方讨论区 #55 获取详细构建指南。","https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Fissues\u002F16",{"id":124,"question_zh":125,"answer_zh":126,"source_url":127},11792,"为什么浏览器代理无法连接或显示 'fetch failed' 错误？","常见原因及解决方法：\n1. **未访问网页**：扩展程序只有在实际打开并访问任意网页后才会加载。如果只打开新标签页或开发者工具而未加载具体网址，扩展不会激活。\n2. **Node 版本不兼容**：如果你使用 nvm 管理 Node 版本，请确保默认版本至少为 18 或 20（版本 14 和 16 可能无法工作）。运行 `nvm alias default 20` 设置默认版本。\n3. **服务未启动**：确保已运行 `npx @agentdeskai\u002Fbrowser-tools-server@1.2.0` 启动服务器。","https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Fissues\u002F91",{"id":129,"question_zh":130,"answer_zh":131,"source_url":132},11793,"截图功能失败或提示 'Chrome extension not connected' 如何解决？","截图功能对开发者工具的布局有严格要求：\n1. **必须停靠开发者工具**：开发者工具（DevTools）必须停靠在浏览器窗口内（底部或侧边），**不能**处于独立窗口模式。如果是独立窗口，请将其拖回浏览器内部停靠。\n2. **重启标签页**：调整布局后，建议关闭并重新打开一个新的标签页进行测试。\n3. 如果使用的是 Edge 浏览器通常没有问题，Chrome 用户需特别注意此限制。","https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Fissues\u002F81",{"id":134,"question_zh":135,"answer_zh":136,"source_url":137},11794,"遇到 'Failed to discover browser connector server' 错误该如何修复？","此错误通常意味着后端服务器未运行或 Node 环境配置有误：\n1. **手动启动服务器**：在终端中显式运行命令 `npx @agentdeskai\u002Fbrowser-tools-server@1.2.0`。\n2. **检查 Node 版本**：确认当前使用的 Node.js 版本是否兼容。如果使用 nvm，尝试切换到 v18 或 v20 版本（v14\u002Fv16 已知存在问题）。\n3. 确保在启动 MCP 客户端之前，服务器端已经成功运行并监听端口。","https:\u002F\u002Fgithub.com\u002FAgentDeskAI\u002Fbrowser-tools-mcp\u002Fissues\u002F95",{"id":139,"question_zh":140,"answer_zh":141,"source_url":127},11795,"BrowserTools MCP 扩展程序在开发者工具中不显示或不加载怎么办？","这是一个常见的误解。扩展程序并不会在打开开发者工具时立即加载。\n**解决方法**：你必须导航到具体的网页（例如 google.com 或任何实际网站），扩展程序才会在该上下文中激活并显示在开发者工具面板中。仅停留在空白页或 `chrome:\u002F\u002F` 页面可能导致扩展不加载。",{"id":143,"question_zh":144,"answer_zh":145,"source_url":122},11796,"如何在 WSL (Windows Subsystem for Linux) 环境下正确配置路径？","在 WSL 环境中，直接调用 `npx` 可能会因为路径解析问题失败（报错 ENOENT）。\n**推荐方案**：\n1. 不要依赖系统 PATH 中的 `npx`。\n2. 找到 Node 的具体安装路径（例如 `\u002Fhome\u002Fuser\u002F.nvm\u002Fversions\u002Fnode\u002Fv22.5.1\u002Fbin\u002Fnode`）。\n3. 在配置文件中直接使用 Node 解释器运行脚本文件，而不是通过 npx 调用包。配置示例：\n```json\n\"command\": \"\u002Fhome\u002Fuser\u002F.nvm\u002Fversions\u002Fnode\u002Fv22.5.1\u002Fbin\u002Fnode\",\n\"args\": [\"\u002Fpath\u002Fto\u002Fbrowser-tools-mcp\u002Fdist\u002Fmcp-server.js\", \"run\"]\n```",[147,152,157],{"id":148,"version":149,"summary_zh":150,"released_at":151},62264,"v1.2.0","- 现在可以在 DevTools 面板中启用“允许自动粘贴到 Cursor”。截图会自动粘贴到 Cursor 中（请确保将焦点移至或单击 Cursor 中的 Agent 输入框，否则无法生效！）\n\n- 通过 Lighthouse 集成了 SEO、性能、无障碍和最佳实践分析工具套件。\n\n- 实现了一个针对 Next.js 的专用提示，用于提升 Next.js 应用的 SEO 效果。\n\n- 新增了调试模式，该工具会按照特定顺序依次执行所有调试工具，并附带一个用于提升推理能力的提示。\n\n- 新增了审计模式，该工具会按照特定顺序依次执行所有审计工具。\n\n- 解决了 Windows 系统上的连接问题。\n\n- 改进了 BrowserTools 服务器、扩展程序与 MCP 服务器之间的网络通信，实现了主机\u002F端口自动发现、自动重连以及优雅关闭机制。\n\n- 增加了使用 Ctrl+C 更便捷地退出 BrowserTools 服务器的功能。\n\n---\n\n要开始使用，请从下方的 ZIP 文件中下载 Chrome 扩展程序，或按照此处的说明操作：\nhttps:\u002F\u002Fbrowsertools.agentdesk.ai\u002F\n\n请务必先移除旧版 Chrome 扩展程序，再添加此新更新的版本。\n\n为使用此新版本，请在 Cursor、Windsurf 或您正在使用的其他客户端中将 MCP 服务器更新至最新版本：\n`npx @agentdeskai\u002Fbrowser-tools-mcp@1.2.0`\n\n然后在终端中运行常规命令以启动本地 Node.js 服务器：\n`npx @agentdeskai\u002Fbrowser-tools-server`","2025-03-10T18:34:19",{"id":153,"version":154,"summary_zh":155,"released_at":156},62265,"v1.1.0","**Chrome 开发者工具 Runtime API 升级：**\n- 已从已弃用的 Console API 切换至 Runtime API，以获得更好的兼容性\n- 改进了异常处理和控制台消息捕获机制\n- 避免与 Sentry 等其他进程产生干扰\n\n**网络日志功能优化：**\n- 将网络日志拆分为独立的接口：getNetworkSuccessLogs 和 getNetworkErrorLogs\n- 更新了 API 接口，更清晰地区分成功日志和错误日志\n- 提升了代码库中命名的一致性\n\n**控制台日志修复：**\n- 修复了 getConsoleLogs 和 getConsoleErrors 中对象日志的相关问题\n- 改进了不同参数类型的格式化与处理逻辑\n- 增加了更完善的错误处理及回退机制\n\n**截图功能增强：**\n- 使用 background.js 实现了健壮的跨窗口截图系统，支持跨窗口截图\n- 增强了截图失败时的错误处理能力\n- 改进了截图操作过程中的界面反馈\n\n要开始使用，请从下方的 ZIP 文件下载 Chrome 扩展程序，或按照以下链接中的说明进行操作：\nhttps:\u002F\u002Fbrowsertools.agentdesk.ai\u002F\n\n请务必先移除旧版 Chrome 扩展程序，再添加此新更新的版本。\n\n为使用此新版本，请在 Cursor、Windsurf 或您正在使用的客户端中将 MCP 服务器更新至最新版本：\n`npx @agentdeskai\u002Fbrowser-tools-mcp@1.1.0`\n\n随后，在终端中运行常规命令启动本地 Node.js 服务器：\n`npx @agentdeskai\u002Fbrowser-tools-server`\n","2025-03-02T00:13:06",{"id":158,"version":159,"summary_zh":160,"released_at":161},62266,"v1.0.0","BrowserTools MCP 的初始版本已发布。请下载并安装提供的压缩包中的 Chrome 扩展程序。通过打开 Chrome 开发者工具来启用该扩展。\n\n之后，配置您的 MCP 客户端，并使用以下命令运行本地日志聚合服务器：\n\n`npx @agentdeskai\u002Fbrowser-tools-server`","2025-02-14T17:12:48"]