Menü
浏览器页面脚本工具，通过 Chrome 扩展直接操控浏览器标签页，支持跨 tab 执行 JavaScript、抓取页面数据、操作 DOM 等
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | browser-scripting |
| description | 浏览器页面脚本工具，通过 Chrome 扩展直接操控浏览器标签页，支持跨 tab 执行 JavaScript、抓取页面数据、操作 DOM 等 |
通过 genspark-agent Chrome 扩展提供的页面脚本能力，直接在浏览器标签页中执行 JavaScript。这些工具由扩展的 background.js 处理，在页面的 MAIN world 中运行，可绕过 CSP/Cloudflare 限制。
查询当前浏览器中所有打开的标签页。
参数: 无
返回: JSON 数组，每个元素包含:
id (number) — 标签页唯一 ID，用于 eval_js 的 targetTabIdtitle (string) — 页面标题url (string) — 页面 URLactive (boolean) — 是否为当前活跃标签windowId (number) — 所属窗口 ID调用示例:
Ω{"tool":"list_tabs","params":{}}ΩSTOP
返回示例:
[
{
"id": 1698024191,
"title": "Google",
"url": "https://www.google.com/",
"active": true,
"windowId": 1698024189
},
{
"id": 1698024270,
"title": "GitHub",
"url": "https://github.com/",
"active": false,
"windowId": 1698024189
}
]
在指定标签页的 MAIN world 中执行 JavaScript 代码。可访问页面的全局变量、DOM、cookie、localStorage 等。
参数:
code (string, 必需) — 要执行的 JavaScript 代码。用 return 语句返回结果tabId (number, 可选) — 目标标签页 ID。不指定则在当前 tab 执行特性:
调用示例:
在当前 tab 执行:
Ω{"tool":"eval_js","params":{"code":"return document.title"}}ΩSTOP
在指定 tab 执行:
Ω{"tool":"eval_js","params":{"code":"return document.title","tabId":1698024270}}ΩSTOP
获取页面所有链接:
Ω{"tool":"eval_js","params":{"code":"return Array.from(document.querySelectorAll('a[href]')).map(a => ({text: a.textContent.trim(), href: a.href})).filter(a => a.text)"}}ΩSTOP
读取 localStorage:
Ω{"tool":"eval_js","params":{"code":"return JSON.stringify(Object.fromEntries(Object.entries(localStorage)))"}}ΩSTOP
读取 cookie:
Ω{"tool":"eval_js","params":{"code":"return document.cookie"}}ΩSTOP
async 示例 (fetch API):
Ω{"tool":"eval_js","params":{"code":"const r = await fetch('/api/data'); const data = await r.json(); return data"}}ΩSTOP
浏览器 JS 微型工作流引擎。多步骤顺序执行，支持延迟、等待条件、上下文传递。适合需要多步交互的浏览器自动化场景。
参数:
steps (array, 必需) — 步骤数组，每步包含:
code (string) — 要执行的 JS 代码，可用 ctx 访问前几步的结果数组label (string) — 步骤标签，用于日志和结果标识delay (number) — 执行前等待毫秒数waitFor (string) — 等待条件: CSS 选择器（等待元素出现）或 JS 表达式（等待返回 true）waitTimeout (number) — waitFor 超时，默认 15000msoptional (boolean) — 失败时是否继续下一步continueOnError (boolean) — 出错时是否继续tabId (number) — 步骤级 tabId，覆盖 flow 级 tabId，实现跨 tab 工作流tabId (number, 可选) — flow 级默认目标标签页 ID，可被每步的 step.tabId 覆盖timeout (number, 可选) — 总超时，默认 60000ms上下文传递: 每步代码中可访问 ctx 数组，包含前面所有步骤的结果:
ctx = [
{ step: "label1", success: true, result: "..." },
{ step: "label2", success: true, result: "..." }
]
调用示例:
在 hix.ai 聊天中发送问题并等待回复:
Ω{"tool":"js_flow","params":{"tabId":1698024278,"timeout":30000,"steps":[
{"label":"clear","code":"const e=document.querySelector('div[contenteditable=\"true\"]'); e.focus(); e.textContent=''; return 'cleared'"},
{"label":"type","code":"const e=document.querySelector('div[contenteditable=\"true\"]'); const ev=new InputEvent('beforeinput',{inputType:'insertText',data:'Hello!',bubbles:true,cancelable:true,composed:true}); e.dispatchEvent(ev); return 'typed'","delay":500},
{"label":"send","code":"document.querySelector('button[class*=\"rounded-[20px]\"]').click(); return 'sent'","delay":1000},
{"label":"wait","waitFor":"article","waitTimeout":20000,"code":"const articles=document.querySelectorAll('article'); return articles[articles.length-1]?.textContent?.substring(0,3000) || 'no reply'"}
]}}ΩSTOP
通用网页表单填写并提交:
Ω{"tool":"js_flow","params":{"tabId":12345,"steps":[
{"label":"fill_name","code":"document.querySelector('#name').value='John'; return 'filled'"},
{"label":"fill_email","code":"document.querySelector('#email').value='john@example.com'; return 'filled'","delay":300},
{"label":"submit","code":"document.querySelector('form').submit(); return 'submitted'","delay":500},
{"label":"wait_result","waitFor":".success-message","waitTimeout":10000,"code":"return document.querySelector('.success-message').textContent"}
]}}ΩSTOP
等待页面加载后抓取数据:
Ω{"tool":"js_flow","params":{"tabId":12345,"steps":[
{"label":"wait_table","waitFor":"table tbody tr","code":"return 'table ready'"},
{"label":"scrape","code":"const rows=document.querySelectorAll('table tr'); return Array.from(rows).map(r=>Array.from(r.cells).map(c=>c.textContent.trim()))"}
]}}ΩSTOP
list_tabs 获取所有标签页，找到目标 tab 的 IDeval_js + tabId 在目标 tab 中执行代码# 第一步: 查看所有标签页
Ω{"tool":"list_tabs","params":{}}ΩSTOP
# 第二步: 在目标 tab 中抓取数据
Ω{"tool":"eval_js","params":{"code":"return document.querySelector('h1').textContent","tabId":目标tabId}}ΩSTOP
在一个 js_flow 中，不同步骤可以操作不同的标签页，ctx 自动跨 tab 传递：
Ω{"tool":"js_flow","params":{"timeout":30000,"steps":[
{"label":"get_from_A","tabId":111,"code":"return document.querySelector('.price').textContent"},
{"label":"get_from_B","tabId":222,"code":"return document.querySelector('.price').textContent"},
{"label":"compare","tabId":111,"code":"const priceA = ctx[0].result; const priceB = ctx[1].result; return `A: ${priceA}, B: ${priceB}`"}
]}}ΩSTOP
每步的 step.tabId 会覆盖 flow 级的 tabId，未指定则使用 flow 级默认值或当前 tab。
抓取表格数据:
Ω{"tool":"eval_js","params":{"code":"const rows = document.querySelectorAll('table tr'); return Array.from(rows).map(r => Array.from(r.cells).map(c => c.textContent.trim()))"}}ΩSTOP
Ω{"tool":"eval_js","params":{"code":"document.querySelector('#username').value = 'myuser'; document.querySelector('#email').value = 'me@example.com'; return 'filled'"}}ΩSTOP
获取页面完整 HTML:
Ω{"tool":"eval_js","params":{"code":"return document.documentElement.outerHTML.substring(0, 50000)"}}ΩSTOP
获取页面可见文本:
Ω{"tool":"eval_js","params":{"code":"return document.body.innerText.substring(0, 30000)"}}ΩSTOP
非阻塞异步任务：在指定 tab 中定期执行代码，条件满足时自动回报结果。支持持久化（扩展刷新后自动恢复）。
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| code | string | ✅ | - | 要执行的 JS 代码（必须 return） |
| condition | string | ✅ | 'true' | 完成条件表达式 |
| tabId | number | ❌ | null | 目标标签页 ID |
| interval | number | ❌ | 15000 | 轮询间隔（ms） |
| timeout | number | ❌ | 600000 | 超时时间（ms） |
| label | string | ❌ | 'async_task' | 任务标签（用于日志） |
result.hasVideo === true // 属性等于值
result.stage === 'FINISHED' // 字符串比较
result.count > 10 // 数值比较
result.ok // 真值检查
!result.error // 否定
result.a === true && result.b // AND 组合
result.x || result.y // OR 组合
Ω{"tool":"async_task","params":{"label":"视频监控","tabId":TAB_ID,"code":"return (async () => { const token = JSON.parse(localStorage.getItem('atom:user:access-token')); ... return JSON.stringify({stage, hasVideo}); })()","condition":"result.hasVideo === true","interval":20000,"timeout":600000}}ΩSTOP
启动后立即返回确认，AI 可继续其他工作。任务完成/超时后自动往聊天框发送结果通知。
操作新网站前，先查数据库是否有已知元素：
SELECT tag, selector, text_content, element_type FROM page_elements WHERE site='目标站点'
如果没有记录，用 eval_js 扫描并存入：
Ω{"tool":"eval_js","params":{"code":"扫描DOM可交互元素...","tabId":TAB_ID}}ΩSTOP
扫描脚本提取：tag, selector, text_content, placeholder, aria_label, role, element_type, position, size, visibility。
结果通过 Python 写入 page_elements 表：
sqlite3 project_knowledge.db "INSERT OR REPLACE INTO page_elements (site, page_url, page_title, element_index, tag, selector, text_content, placeholder, role, element_type) VALUES (...)"
new Function(code) 包裹代码，必须用 return 才能拿到返回值.substring() 控制JSON.stringify，无需手动转换API Server - DeepSeek/Kimi 多模型 Agent，131个MCP工具，支持 tool calling 自动循环
AI 视频全自动生产线 - opus.pro 视频生成 + OpusClip 字幕/元数据 + Genspark 高质量缩略图 + viaSocket → YouTube，全程零成本
Cloudflare Pages 静态网站部署，支持命令行一键部署、API 部署、项目管理
Genspark AI 图片生成器 - 基于 nano-banana-pro 模型，支持任意比例、带文字渲染、自动上传公开托管，可用于缩略图/封面/社交媒体/插图等场景
Supabase 后端即服务 (BaaS)，提供 PostgreSQL 数据库、身份认证、实时订阅、存储等，免费套餐适合小项目
微信桌面版命令行控制工具，通过 macOS Accessibility API 读取聊天列表、消息内容，搜索联系人，发送消息