5 分钟装好 Midscene Chrome 扩展浏览器自动化与 Bridge 模式完整指南【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene脚本每次运行都要在光板浏览器里重新登录——Cookie 能不能复用Midscene Chrome 扩展在侧边栏用一句自然语言指令就能跑起浏览器自动化Bridge 模式还能从终端驱动你本机的浏览器直接复用那份登录态。这份扩展安装教程一次讲清安装、Bridge 实操与排错。 一表看懂 Midscene Chrome 扩展谁该装它先用一张表说清楚维度说明适用人群想跑浏览器自动化、又不想手写一堆浏览器操作代码的人核心能力自然语言页面操作导航、表单填写等、Bridge 终端控制、内置 Playground 测试环境无需什么不用写复杂代码不用单独搭浏览器自动化工程需要装什么Midscene Chrome 扩展再跑 Bridge 的话终端还要装midscene-sdk目录结构也不复杂dist是可直接加载的构建产物src放扩展源码bridge、popup 等组件都在里面scripts存放 pack-extension 这类打包脚本。想细看的翻 扩展源码。 装好扩展两条路线二选一按你的身份挑一条路线每条都不超过 5 步。走开发者路线边改边测要动扩展代码的话这条路线改完即生效构建一次产出 dist 目录cd apps/chrome-extension pnpm run build打开chrome://extensions/右上角开启开发者模式。点左上角的加载已解压的扩展程序。选中apps/chrome-extension/dist目录。之后改代码只需重新构建扩展直接以 dist 目录为准热更新。走发布路线一个 zip 交差要发版、或者把扩展递给同事走这条进入扩展目录cd apps/chrome-extension运行构建打包会自动跟着完成pnpm run build在extension目录里找到midscene-extension-v{version}.zip。上传到 Chrome Web Store 开发者控制台发布或把 zip 直接发给同事手动安装。⚡ Bridge 模式实操三步接上终端装好扩展之后第一件正经事是 Bridge 模式。它解决的痛点很实在跑自动化脚本要另开一个浏览器里面啥登录态都没有而你桌面 Chrome 里的 Cookie、插件才是现成的。Bridge 模式就是让终端脚本接管你正在用的浏览器——你手动登录脚本干活两者共用一份状态。三步接上在终端装 Midscene SDKnpm install midscene-sdk确认扩展已启用 Bridge 模式装好后它在后台持续监听连接请求。终端里写最小脚本并运行const { Midscene } require(midscene-sdk); const midscene new Midscene(); // 连接到浏览器 await midscene.connect(); // 执行浏览器操作 await midscene.navigate(https://example.com);脚本一连上桌面 Chrome 就开新标签页交给它操作全程复用本地登录态每次重新登录到此为止。想再深挖跨机器远程访问这类玩法去 Bridge 模式官方文档 看完整 API 与示例项目。 排错一张表卡住别慌对症状找面板一眼定位去哪看卡住的症状打开哪个 DevTools 面板常见原因扩展行为异常、想查日志chrome://extensions/→ 扩展卡片上的查看背景页构建过程没完整执行或manifest.json权限配置不对弹窗点了没反应扩展图标上右键 → 检查弹出窗口 UI 报错看控制台红字页面里自动化指令不执行页面 DevTools → Sources → Content scripts内容脚本注入失败核对控制台错误消息报告模板生成失败不用开页面终端构建即可先构建midscene/visualizer包确认packages/visualizer/dist/report/index.html存在三个入口的原理都一样先看控制台红字再看网络请求。绝大多数扩展问题都能这么定位出来。回到开头那个登录难题Bridge 模式让桌面浏览器里已登录的账号变成脚本的固定资产浏览器自动化脚本从此能安安静静跑在带着你三年状态的浏览器上。想继续深挖从官方文档入手就行本文这条实操路线也够你当天跑通。觉得有用顺手点个赞、关注一下后续 Midscene 浏览器自动化系列还会更新。【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
