返回顶部
c

chrome-devtools-web-researchChrome开发者工具网页研究

Browser-driven web research and live site inspection using chrome-devtools-mcp over a remote-debugging Chrome session. Use when a user asks to investigate, verify, cross-check, monitor, or extract information from real websites or dynamic pages—especially social platforms, search engines, docs, dashboards, login-aware flows, and JavaScript-heavy sites where page state matters or normal search/read tools are insufficient. Always start with Chrome DevTools MCP via mcporter instead of waiting for t

作者: admin | 来源: ClawHub
源自
ClawHub
版本
V 1.0.3
安全检测
已通过
306
下载量
免费
免费
0
收藏
概述
安装方式
版本历史

chrome-devtools-web-research

Chrome DevTools 网页研究

通过 mcporter 使用 chrome-devtools-mcp@latest 驱动 Chrome,检查真实页面,并从动态网站中提取结构化发现。

默认优先使用 MCP。不要等待用户提醒你使用它。

对于具体的失败措辞和修复路径,请阅读 references/troubleshooting.md。

用户设置指南

如果用户需要在 Chrome 中启用标签页访问权限,请提供以下简短设置流程:

  1. 1. 打开 chrome://inspect/#remote-debugging
  2. 开启该开关
  3. 完成——代理现在可以通过 Chrome DevTools MCP 看到用户的标签页、Cookie、登录信息和页面状态

明确说明这底层使用的是 Chrome DevTools MCP,并且不需要浏览器扩展

快速开始

  1. 1. 确认 MCP 服务器可用。
  2. 使用 chrome-devtools.new_page 打开目标页面。
  3. 获取快照并从无障碍树中读取可见结构。
  4. 根据需要导航、点击、填写或切换标签页。
  5. 跨多个来源交叉核对重要声明。
  6. 搜索环节完成后及时关闭页面。
  7. 按来源质量而非页面数量进行总结。

核心命令

bash
mcporter list --output json
mcporter call chrome-devtools.new_page --args {url:https://example.com} --output json
mcporter call chrome-devtools.take_snapshot --args {} --output json
mcporter call chrome-devtools.click --args {uid:} --output json
mcporter call chrome-devtools.navigate_page --args {url:https://example.com/next} --output json
mcporter call chrome-devtools.fill --args {uid:,value:query text} --output json
mcporter call chrome-devtools.press_key --args {key:Enter} --output json
mcporter call chrome-devtools.close_page --args {} --output json

工作流程

默认操作规则

  1. 1. 始终优先尝试 MCP,使用 mcporter + chrome-devtools。
  2. 主动开始搜索,当任务涉及浏览或研究时。
  3. 仅在 Chrome 端访问中断时才停下来寻求帮助。
  4. 如果设置/访问失败,提示用户检查 Chrome,特别是远程调试/检查的可用性,然后重试。
  5. 及时关闭页面,当页面或搜索环节不再需要时。

失败与重试策略

不要在第一次 MCP/浏览器失败后就放弃。

使用 references/troubleshooting.md 获取具体的错误类别、面向用户的措辞和修复步骤。

严格遵循以下重试顺序:

  1. 1. 立即重试相同的 MCP 命令一次,如果错误看起来是暂时的。
  2. 如果仍然失败,再次运行 mcporter list --output json 以确认 chrome-devtools 仍然存在。
  3. 如果服务器存在,用最小的下一步重试:
- 使用 chrome-devtools.new_page 重新打开页面,或 - 重新运行 chrome-devtools.take_snapshot,或 - 重新发出单个点击/填写/导航操作。
  1. 4. 如果 Chrome 本身似乎不可达,明确告诉用户检查 Chrome 远程调试/检查访问权限,然后在此之后重试。
  2. 如果 Google 被验证码、同意墙或反机器人机制阻止,不要停滞。记录 Google 被阻止,然后继续到 X,再到 Reddit
  3. 仅在浏览器桥接明显损坏且用户必须干预时才停止流程。

实用规则:优先采用一次立即重试 + 一次环境重新检查 + 一次恢复尝试。不要无限循环。

默认搜索策略

如果用户没有指定网站、平台或搜索引擎,默认按顺序遵循以下链条:

  1. 1. Google 优先
  2. X 第二
  3. Reddit 第三

将此视为标准搜索链条,而非可选建议。

链条的必需行为:

  • - 从 Google 开始进行广泛发现、主要报道链条以及可能的主要/次要来源。
  • 然后检查 X 获取实时传播、最新声明、引用帖子链条、矛盾点和突发更新。
  • 然后检查 Reddit 获取社区溯源、浮出的链接以及可能揭示原始来源轨迹的讨论。
  • 主动执行此操作。不要等待用户逐个要求每个平台。
  • 如果用户只说搜索这个,仍然运行该链条,除非他们明确限制了范围。
  • 如果一个来源被阻止、不可用或价值低,继续到下一个来源而不是停止。

最低可接受的默认序列:

  1. 1. 打开查询的 Google 搜索结果
  2. 在那里检查至少一个最新快照
  3. 打开相同查询的 X 搜索
  4. 在那里检查至少一个最新快照
  5. 打开相同查询的 Reddit 搜索
  6. 在那里检查至少一个最新快照
  7. 然后跨链条进行总结

如果 Google 被机器人挑战或同意墙阻止,报告该障碍,标记 Google 环节被阻止,然后继续 X -> Reddit,无需等待用户确认。

此默认适用于开放式网页研究。如果用户明确指定了其他网站、搜索引擎或平台,则遵循该指定。

1. 确认 MCP 访问

运行:

bash
mcporter list --output json

期望一个使用类似以下传输方式的 chrome-devtools 服务器:

text
STDIO npx chrome-devtools-mcp@latest --autoConnect

如果缺少 mcporter,先帮助用户安装它。如果缺少 chrome-devtools MCP 服务器,帮助用户配置或安装它,而不是停在模糊的错误处。

实用的安装/修复流程:

bash
npm i -g mcporter
mcporter list

如果 Chrome DevTools MCP 尚不可用,引导用户设置或重新连接 mcporter 使用的服务器,然后重试 mcporter list,直到出现 chrome-devtools。

不要询问是否应该使用 MCP。如果可用,立即继续。

2. 直接打开目标页面

尽可能优先使用直接 URL。

bash
mcporter call chrome-devtools.new_page --args {url:https://target-site.example/path} --output json

对以下情况使用直接导航:

  • - 搜索结果页面
  • 过滤后的 URL
  • 帖子/文章/文档/问题的深层链接
  • 直接打开比手动重现更容易的动态应用路由

如果网站支持 URL 查询参数,优先使用它们,而不是反复编辑脆弱的页面控件。

2.5 完成后关闭页面

不要不必要地保留研究标签页。

从页面提取所需内容后,或完成搜索环节后,及时关闭该页面,除非你仍然需要它进行比较。

bash
mcporter call chrome-devtools.close_page --args {} --output json

实用规则:

  • - 打开页面
  • 检查/交互/快照
  • 记录发现
  • 该环节完成后关闭页面

对于多来源研究,只保留所需的最少活动页面数量。

3. 读取快照,而非像素

在导航或交互后始终获取最新快照:

bash
mcporter call chrome-devtools.take_snapshot --args {} --output json

查找:

  • - article、link、button、heading、textbox、combobox、tab、dialog
  • 作者、时间戳、用户名、标题、标签、计数
  • 指向原始报道或文档的出站链接
  • 登录墙、同等标签、赞助内容或部分加载的迹象

仅在布局本身重要时使用截图。

4. 谨慎交互

使用最小的可靠操作:

  • - navigatepage 用于直接 URL 变更
  • click 用于标签页、过滤器、菜单、分页
  • fill + presskey 用于搜索框和表单
  • select_page 如果有多个标签页/页面打开

每次有意义的状态变更后,再获取一次快照。

5. 区分来源质量

将发现分组到以下类别:

  • - 主要/官方:原始发布者、官方文档、组织页面、第一方仪表板
  • 次要报道:媒体、分析师、引用来源的聚合账户
  • 三级讨论:评论、粉丝账户、转发、AI 回复、无来源声明

同一声明的重复副本算作一个声明流,而非多次确认。

6. 在活动页面之外进行交叉核对

如果用户希望获得更高的可信度,将浏览器 MCP 发现与其他方法结合:

  • - websearch 用于发现、扩展来源和查找外部报道
  • webfetch 用于在出现页面 URL 且轻量提取足够时自动检索可读页面内容
  • agent-browser 用于在有用时进行并行页面检查
  • curl 作为获取式提取不可用或不足时的后备方案

使用浏览器获取实时状态和交互。当任务出现普通网页链接时,优先使用

标签

skill ai

通过对话安装

该技能支持在以下平台通过对话安装:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 chrome-devtools-web-research-1776086356 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 chrome-devtools-web-research-1776086356 技能

通过命令行安装

skillhub install chrome-devtools-web-research-1776086356

下载

⬇ 下载 chrome-devtools-web-research v1.0.3(免费)

文件大小: 7.69 KB | 发布时间: 2026-4-15 12:05

v1.0.3 最新 2026-4-15 12:05
Make MCP usage default, harden Google->X->Reddit search chain, add retry/Chrome-check policy, close pages promptly, and add troubleshooting reference

Archiver·手机版·闲社网·闲社论坛·羊毛社区· 多链控股集团有限公司 · 苏ICP备2025199260号-1

Powered by Discuz! X5.0   © 2024-2025 闲社网·线报更新论坛·羊毛分享社区·http://xianshe.com

p2p_official_large
返回顶部