3步跑通Midscene Chrome扩展浏览器AI自动化上手【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midsceneMidscene Chrome 扩展是一个 AI 视觉驱动的浏览器自动化工具。你用自然语言描述操作它替你点页面、提数据、查界面状态还能用 Bridge 模式让本地脚本接管浏览器。适合需要反复操作网页、又不想写维护选择器的开发者与测试同学。它替你解决了什么重复操作占时间登录、填表、翻页这类动作每天都要做。现在一句话描述扩展自己执行。脚本一改就坏靠 CSS 选择器写的自动化页面一改就报错。Midscene 只看截图定位元素改完界面不用追选择器。校验不直观想确认颜色、布局对不对DOM 检查做不到。截图断言能直接验证人眼看到的效果。核心能力速览能力说明如何确认生效自然语言交互一句话完成点击、输入等组合操作页面元素按指令变化结构化提取用 aiQuery 按指定格式取出页面数据返回 JSON 且字段齐全视觉断言对截图做判断校验界面实际状态断言通过并生成报告Bridge 模式本地 Node 脚本远程控制桌面 Chrome扩展弹出 Allow 确认窗口首次体验安装到跑通第一条指令安装扩展从 Chrome 应用商店搜索安装 Midscene不便访问商店时克隆仓库后在apps/chrome-extension下执行pnpm install pnpm run build再到chrome://extensions/开启开发者模式加载dist目录。配置模型点扩展图标打开右侧侧边栏进设置粘贴模型配置Base URL、API Key、模型名并保存。下第一条指令打开任意网页在侧边栏输入点击登录按钮回车。看到页面动作执行、右侧生成带截图的报告就说明配置对了。实战从购物页提取商品数据打开任意商品列表页。侧边栏输入页面中的商品{name: string, price: number}[]。执行后核对返回 JSON每条记录都有名称和价格。再输入一句页面顶部显示导航栏做断言确认界面渲染正常。打开报告逐步查看每一步的截图与结果。预期数据提取一次完成报告可存档追溯。报错自查3个高频问题Q运行时报Cannot access a chrome-extension:// URL of different extensionA多半是别的扩展往页面注入了脚本或 iframe。打开开发者工具复制该chrome-extension://的扩展 ID到扩展页禁用后刷新页面。Q用 Ollama 本地模型返回 403A给 Ollama 设置环境变量OLLAMA_ORIGINS*允许扩展访问再重启服务重试。QBridge 模式脚本发出连接后没反应A先看扩展图标徽标黄点表示在监听、绿点表示已连接没反应就检查防火墙或核对 Bridge Server URL 配置。深入资源快速开始Bridge 桥接模式模型配置API 参考跑通第一条指令后把同一句话写进 Playwright 脚本让它在 CI 里替值夜班。你只需要挑一个天天打开的网页去侧边栏输入第一句指令试试。【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
3步跑通Midscene Chrome扩展：浏览器AI自动化上手
3步跑通Midscene Chrome扩展浏览器AI自动化上手【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midsceneMidscene Chrome 扩展是一个 AI 视觉驱动的浏览器自动化工具。你用自然语言描述操作它替你点页面、提数据、查界面状态还能用 Bridge 模式让本地脚本接管浏览器。适合需要反复操作网页、又不想写维护选择器的开发者与测试同学。它替你解决了什么重复操作占时间登录、填表、翻页这类动作每天都要做。现在一句话描述扩展自己执行。脚本一改就坏靠 CSS 选择器写的自动化页面一改就报错。Midscene 只看截图定位元素改完界面不用追选择器。校验不直观想确认颜色、布局对不对DOM 检查做不到。截图断言能直接验证人眼看到的效果。核心能力速览能力说明如何确认生效自然语言交互一句话完成点击、输入等组合操作页面元素按指令变化结构化提取用 aiQuery 按指定格式取出页面数据返回 JSON 且字段齐全视觉断言对截图做判断校验界面实际状态断言通过并生成报告Bridge 模式本地 Node 脚本远程控制桌面 Chrome扩展弹出 Allow 确认窗口首次体验安装到跑通第一条指令安装扩展从 Chrome 应用商店搜索安装 Midscene不便访问商店时克隆仓库后在apps/chrome-extension下执行pnpm install pnpm run build再到chrome://extensions/开启开发者模式加载dist目录。配置模型点扩展图标打开右侧侧边栏进设置粘贴模型配置Base URL、API Key、模型名并保存。下第一条指令打开任意网页在侧边栏输入点击登录按钮回车。看到页面动作执行、右侧生成带截图的报告就说明配置对了。实战从购物页提取商品数据打开任意商品列表页。侧边栏输入页面中的商品{name: string, price: number}[]。执行后核对返回 JSON每条记录都有名称和价格。再输入一句页面顶部显示导航栏做断言确认界面渲染正常。打开报告逐步查看每一步的截图与结果。预期数据提取一次完成报告可存档追溯。报错自查3个高频问题Q运行时报Cannot access a chrome-extension:// URL of different extensionA多半是别的扩展往页面注入了脚本或 iframe。打开开发者工具复制该chrome-extension://的扩展 ID到扩展页禁用后刷新页面。Q用 Ollama 本地模型返回 403A给 Ollama 设置环境变量OLLAMA_ORIGINS*允许扩展访问再重启服务重试。QBridge 模式脚本发出连接后没反应A先看扩展图标徽标黄点表示在监听、绿点表示已连接没反应就检查防火墙或核对 Bridge Server URL 配置。深入资源快速开始Bridge 桥接模式模型配置API 参考跑通第一条指令后把同一句话写进 Playwright 脚本让它在 CI 里替值夜班。你只需要挑一个天天打开的网页去侧边栏输入第一句指令试试。【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
