企业官网建设流程全解析

文章主要内容在这里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（必守原则）

📌一句话口诀（贴在 TOOLS.md 顶部）：

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

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

你指哪，我写哪。 🛠️我