Midscene Chrome扩展完整指南零代码浏览器自动化一句话搞定重复操作【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene假设你每天要刷5个电商网站的价格或者反复填写同一批表单。Midscene Chrome扩展是一款基于AI自动化的零代码浏览器自动化工具装进浏览器后在侧边栏里输入一句话它就会像人一样看懂页面并动手操作。它面向每天被重复浏览器操作缠住的人——不用会编程。三步跑起来安装扩展并发出第一条指令第一步拿到扩展。克隆仓库git clone https://gitcode.com/GitHub_Trending/mid/midscene进入apps/chrome-extension目录运行pnpm install安装依赖再运行pnpm run build完成构建。第二步加载到Chrome。打开chrome://extensions页面右上角开启开发者模式点加载已解压的扩展程序选择构建产物里的dist目录。第三步发出第一条指令。点击浏览器工具栏的Midscene图标打开侧边栏先在设置里配置一个具备界面识别能力的多模态模型并保存。然后输入点击搜索按钮它就开始执行了按钮自己去找位置挪了它会找新位置继续而不是直接报错。执行完每一步做了什么都能在可视化报告里回看。三种下指令的方式自然语言模式在侧边栏直接输入什么时候用一次性任务或者想先试试指令效果再决定要不要脚本化。做什么在侧边栏输入框里说填写这个登录表单、把这一页所有商品的价格记下来它会拆成一系列点击和输入去执行。看到什么页面被自动操作执行报告里逐步展示它点了哪、看到了什么。想在不碰真实页面的情况下先验证指令可以到Playground测试环境里试。Bridge模式本地脚本控制桌面Chrome什么时候用想把脚本手动操作结合起来或者要复用当前浏览器的登录态和cookies。做什么在本地终端写一个Node.js脚本扩展会弹出是否允许连接的确认const agent new AgentOverChromeBridge(); await agent.ai(type AI 101 and hit Enter);看到什么点允许后脚本接管标签页打开页面并执行操作期间你随时可以插一手脚本和手动操作交替进行。录制回放模式把手上的动作变成脚本什么时候用同一套操作一天要重复几十遍。做什么录一遍你的点击和输入它从录制内容自动生成脚本。看到什么下次一键回放整个流程不用记自己点了哪些按钮、按什么顺序点。三种方式并排对比方式适合什么时候用指令从哪发出执行结果自然语言模式一次性任务、试指令扩展侧边栏输入框AI实时操作报告可回放Bridge模式接本地脚本、复用登录态终端里的Node.js脚本扩展确认连接后由脚本接管标签页录制回放模式同一操作重复多次鼠标键盘录一遍自动生成脚本一键回放装上就能干的活电商价格监控每天手动刷5个网站太累——让它按顺序访问、把价格提取出来输出一张对比表。社交多平台发文同一条内容要复制到三个平台——让它依次登录、填写并发布。网站功能测试测试同学反复走同一套流程——让它模拟真实用户完成登录、表单提交和页面跳转。日常办公写日报、定时签到、批量下载文件——把流程配一次之后到点就做。进阶怎么让脚本更稳、更快脚本模板化把常用操作存成模板比如一个登录模板含输入账号密码、处理验证码场景等步骤下次直接调用。条件分支让脚本自己判断——页面出现验证码就走验证码流程没有就跳过。多实例并行同时控制多个浏览器实例并行采集几个网站或同时测几个浏览器兼容性环境。接入现有工作流挂进CI/CD管道当自动化测试或把采集到的数据直接送入数据管道处理。常见问题与资源入口Q装好扩展后面板不显示或打开异常A先确认构建是否完整执行再到Chrome扩展页面查看具体报错。QBridge模式连接失败A确认本地终端和浏览器在同一网络环境检查防火墙设置。Q脚本执行到一半断了A看扩展日志多为页面加载超时或页面元素挪了位置没及时找到。资源入口仓库内相对路径官方文档apps/site/docs/Bridge模式中文详解见 apps/site/docs/zh/bridge-mode.mdx示例脚本packages/cli/tests/midscene_scripts/Web端示例packages/web-integration/demo/YAML脚本运行器源码packages/core/src/yaml/【免费下载链接】midsceneGUI Agent for E2E Testing项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考