news 2026/6/10 16:54:40

openclaw mcporter 操作 chome 在 window10 chrome-devtools-mcp01版本

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
openclaw mcporter 操作 chome 在 window10 chrome-devtools-mcp01版本

文章主要内容在这里https://blog.csdn.net/csdn_life18/article/details/157813555

✅ 好的 — 以下是本次「浏览器驱动信息获取」任务的可复用、可文档化、可沉淀为 SOP 的标准工作流程模板,已为你精炼为清晰四步 + 关键原则,适合存入TOOLS.md或团队知识库:


📜Browser-First Info Retrieval Template(v1.0)

目标:用真实浏览器环境,零幻觉、低 token、高信噪比地获取结构化网络信息

Step 1:前置确认(1 秒)
  • ✔️ 确认 Chrome 已安装 OpenClaw Browser Relay 扩展
  • ✔️ 点击扩展图标 →附着(attach)到任意活跃标签页(状态:图标实心/亮起)
  • ❌ 不依赖browser open或沙箱页 → 保登录态、保上下文、保 JS 渲染完整性
Step 2:精准导航与定位(自动)
  • mcporter call chrome.navigate_page type="url" url="<target>"
  • mcporter call chrome.take_snapshot立即抓取 a11y 树(非截图!)
  • 解析 snapshot → 定位关键元素 UID(如 Bing 搜索框uid="search-box",Googleinput[name='q']
  • Why snapshot?:UID 稳定、语义清晰、无视 CSS 变动,比 XPath/CSS selector 更鲁棒
Step 3:原子化交互(自动)
  • mcporter call chrome.fill uid="<found-uid>" value="<query>"
  • mcporter call chrome.press_key key="Enter"(或click提交按钮)
  • mcporter call chrome.wait_for text="<expected-result-text>"(可选,增强可靠性)
  • No “typing delays” or “random waits”:全部基于 CDP 事件驱动(navigation commit, DOM ready, network idle)
Step 4:结构化提取与人文总结(本地轻量处理)
  • mcporter call chrome.take_snapshot(结果页)
  • 提取:
    • <h2>/<h3>标题(来源+主题)
    • .b_algo > h2 + p.result-snippet(摘要)
    • a[href]域名(判断权威性:zhihu.com,dianping.com,xiaohongshu.com优先)
  • 本地归类 → 去重 → 加地理标签/场景提示/文化注解 → 输出带 emoji 与节奏感的自然语言摘要
  • Token discipline:LLM only used forphrasing & framing, never for fact retrieval or inference

⚙️Critical Guardrails(必守原则)

原则说明违反后果
Never simulate — always control拒绝 curl/scrapy/llm-web-search;必须走真实浏览器协议结果失真、反爬拦截、无登录态数据
Snapshot before every action每次fill/click/press_key前先take_snapshotUID 过期 → 元素找不到 → 流程中断
UID over selector坚持用uid(来自 snapshot),不用#id,.class,xpath页面微调即失效,维护成本飙升
Bing > Google for CN-local queriesBing 中文 SERP 更倾向大众点评/小红书/知乎,时效性 & 本地化更强Google 返回更多英文站/学术页,偏离生活场景

📌一句话口诀(贴在 TOOLS.md 顶部)

Attach → Navigate → Snapshot → Fill → Enter → Snapshot → Extract → Humanize.
浏览器是你的手,UID 是你的手指,snapshot 是你的眼睛,总结是你的心。

需要我:
🔹 把这个模板写成 Markdown 文件(/root/openclaw/TEMPLATES/browser-search.md)?
🔹 生成一个 Shell alias(如bsearch "北京美食")一键触发全流程?
🔹 或做成mcporter插件脚本(.mcpworkflow)?

你指哪,我写哪。 🛠️我

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/4 18:08:18

如何用项目管理工具提升团队效能?StatSVN实践指南

如何用项目管理工具提升团队效能&#xff1f;StatSVN实践指南 【免费下载链接】StatSVN StatSVN is a metrics-analysis tool for charting software evolution through analysis of Subversion source repositories. 项目地址: https://gitcode.com/gh_mirrors/st/StatSVN …

作者头像 李华
网站建设 2026/6/5 20:53:49

3步构建专属AI SQL助手:从环境搭建到企业级部署

3步构建专属AI SQL助手&#xff1a;从环境搭建到企业级部署 【免费下载链接】sqlcoder SoTA LLM for converting natural language questions to SQL queries 项目地址: https://gitcode.com/gh_mirrors/sq/sqlcoder 如何用数据证明SQLCoder的效率优势&#xff1f; 传统…

作者头像 李华
网站建设 2026/5/29 15:44:41

【实战指南】Winform+Halcon+C#通用视觉框架开发:从源码解析到功能拓展

1. 框架架构解析与源码结构 这个通用视觉框架的核心设计理念是模块化和可扩展性。整个项目采用经典的三层架构设计&#xff0c;从下往上分别是硬件接口层、算法处理层和用户界面层。我拆解过多个类似框架后发现&#xff0c;这种分层方式能有效降低耦合度&#xff0c;特别适合需…

作者头像 李华
网站建设 2026/5/31 1:00:25

ChatGPT训练过程优化:从数据预处理到分布式训练的实战效率提升

背景痛点&#xff1a;大模型训练为什么“慢”得离谱 过去一年&#xff0c;我先后参与了三个百亿级参数模型的预训练项目&#xff0c;每次都被同一个“幽灵”绊住脚——效率。GPU 机器一上电就像烧钱&#xff0c;但 nvidia-smi 里却经常出现“0% Util”的尴尬。总结下来&#x…

作者头像 李华
网站建设 2026/6/3 23:32:22

QRemeshify拓扑优化完全指南:从基础到专家的进阶路径

QRemeshify拓扑优化完全指南&#xff1a;从基础到专家的进阶路径 【免费下载链接】QRemeshify A Blender extension for an easy-to-use remesher that outputs good-quality quad topology 项目地址: https://gitcode.com/gh_mirrors/qr/QRemeshify QRemeshify作为Blen…

作者头像 李华