news 2026/5/11 12:38:46

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/5/3 13:19:45

3步攻克DLL依赖难题:Dependencies工具实战指南

3步攻克DLL依赖难题&#xff1a;Dependencies工具实战指南 【免费下载链接】Dependencies A rewrite of the old legacy software "depends.exe" in C# for Windows devs to troubleshoot dll load dependencies issues. 项目地址: https://gitcode.com/gh_mirrors…

作者头像 李华
网站建设 2026/5/11 6:17:26

RetinexNet低光图像增强技术探索:从原理到实践的完整指南

RetinexNet低光图像增强技术探索&#xff1a;从原理到实践的完整指南 【免费下载链接】RetinexNet A Tensorflow implementation of RetinexNet 项目地址: https://gitcode.com/gh_mirrors/re/RetinexNet 在数字影像的世界里&#xff0c;低光环境下的图像质量一直是困扰…

作者头像 李华
网站建设 2026/5/11 1:03:24

技术解密:SecInspector代码免疫系统的深度探索

技术解密&#xff1a;SecInspector代码免疫系统的深度探索 【免费下载链接】inspector IDEA代码审计辅助插件&#xff08;深信服深蓝实验室天威战队强力驱动&#xff09; 项目地址: https://gitcode.com/gh_mirrors/inspe/inspector 核心价值&#xff1a;代码安全的智能…

作者头像 李华
网站建设 2026/4/28 9:51:23

企业级微信支付集成实战:从合规到性能优化的全方位解决方案

企业级微信支付集成实战&#xff1a;从合规到性能优化的全方位解决方案 【免费下载链接】wechatpayv3 微信支付 API v3 Python SDK 项目地址: https://gitcode.com/gh_mirrors/we/wechatpayv3 在数字化商业快速发展的今天&#xff0c;企业支付系统的稳定性、安全性和高效…

作者头像 李华
网站建设 2026/5/9 9:19:38

基于深度学习毕业设计:新手入门实战指南与避坑清单

基于深度学习毕业设计&#xff1a;新手入门实战指南与避坑清单 背景痛点&#xff1a;为什么“跑通”比“跑快”更难 第一次把“深度学习”四个字写进毕业设计任务书时&#xff0c;我满脑子都是“高大上”——直到真正动手才发现&#xff0c;拦路虎从第 0 天就开始排队&#x…

作者头像 李华