chrome插件中如何使用midscene.js

环境准备

在上一篇文章中说了本地环境如何准备，大家可以参考阿里百炼注册和本地环境配置-CSDN博客

集成 Midscene.js 到 Chrome 插件

• 在chrome浏览器中打开chrome://extensions/
• 点击在 Chrome 应用商店 中发现更多扩展程序和主题
• 输入 Midscence.js，添加即可
• 添加完成后就可以看到添加的插件
• 

配置大模型

打开midscene.js，点击弹框右上角的设置

在环境变量弹框中设置自己的环境变量信息，根据不同的大模型设置的参数也不同，具体模型和对应的参数可以参考官网选择 AI 模型 - (AI UI Automation, AI Testing, Computer Use, Browser Use, Android Use)

OPENAI_BASE_URL="https://dashscope.aliyuncs.com/compatible-mode/v1"
OPENAI_API_KEY="......"
MIDSCENE_MODEL_NAME="qwen-vl-max-latest"
MIDSCENE_USE_QWEN_VL=1

实现功能示例

配置完成后我们就可以开始写用例去运行了

写用例的内容就和我们日常写的手工执行用例一样就行

我写的用例内容：

输入账号：adminxxxx
密码：axxxx5
验证码：请你根据验证码图片自动识别后输入
最后点击登录
等待10秒完成登录

执行结果