#API 参考

在以下文档中，你可能会看到带有 agent. 前缀的函数调用。如果你在 Playwright 中，这些调用是不带 agent. 前缀的，如 async ({ ai, aiQuery }) => { /* ... */}。这只是解构语法的区别。

#构造器

Midscene 中每个 Agent 都有自己的构造函数。

• 在 Puppeteer 中，使用 PuppeteerAgent
• 在桥接模式（Bridge Mode）中，使用 AgentOverChromeBridge
• 在 Android 中，使用 AndroidAgent
• 如果你为自定义界面创建 GUI Agent，请参考 集成到任意界面

这些 Agent 有一些相同的构造参数：

• generateReport: boolean: 如果为 true，则生成报告文件。默认值为 true。
• reportFileName: string: 报告文件的名称，默认值由 midscene 内部生成。
• autoPrintReportMsg: boolean: 如果为 true，则打印报告消息。默认值为 true。
• cacheId: string | undefined: 如果配置，则使用此 cacheId 保存或匹配缓存。默认值为 undefined，也就是不启用缓存。
• actionContext: string: 调用 agent.aiAction() 时，发送给 AI 模型的背景知识，比如 '有 cookie 对话框时先关闭它'，默认值为空。
• onTaskStartTip: (tip: string) => void | Promise<void>：可选回调，在每个子任务执行开始前收到一条可读的任务描述提示。默认值为 undefined。

在 Playwright 和 Puppeteer 中，有以下共同的参数：

• forceSameTabNavigation: boolean: 如果为 true，则限制页面在当前 tab 打开。默认值为 true。
• waitForNavigationTimeout: number: 在页面跳转后等待页面加载完成的超时时间，默认值为 5000ms，设置为 0 则不做等待。

在 Puppeteer 中，还有以下参数：

• waitForNetworkIdleTimeout: number: 在执行每个操作后等待网络空闲的超时时间，默认值为 2000ms，设置为 0 则不做等待。

#交互方法

这些是 Midscene 中各类 Agent 的主要 API。

#agent.aiAction() 或 .ai()

这个方法允许你通过自然语言描述一系列 UI 操作步骤。Midscene 会自动规划这些步骤并执行。

• 类型

function aiAction(
  prompt: string,
  options?: {
    cacheable?: boolean;
  },
): Promise<void>;
function ai(prompt: string): Promise<void>; // 简写形式

• 参数：

  • prompt: string - 用自然语言描述的操作内容
  • options?: Object - 可选，一个配置对象，包含：
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • 返回一个 Promise。当所有步骤执行完成时解析为 void；若执行失败，则抛出错误。

• 示例：

// 基本用法
await agent.aiAction('在搜索框中输入 "JavaScript"，然后点击搜索按钮');

// 使用 .ai 简写形式
await agent.ai(
  '点击页面顶部的登录按钮，然后在用户名输入框中输入 "test@example.com"',
);

// 使用 ui-tars 模型时，可以使用更目标驱动的提示词
await agent.aiAction('发布一条微博，内容为 "Hello World"');

#agent.aiTap()

点击某个元素。

• 类型

function aiTap(locate: string | Object, options?: Object): Promise<void>;

• 参数：

  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiTap('页面顶部的登录按钮');

// 使用 deepThink 功能精确定位元素
await agent.aiTap('页面顶部的登录按钮', { deepThink: true });

#agent.aiHover()

仅在 web 页面中可用，在 Android 下不可用

鼠标悬停某个元素上。

• 类型

function aiHover(locate: string | Object, options?: Object): Promise<void>;

• 参数：

  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiHover('页面顶部的登录按钮');

#agent.aiInput()

在某个元素中输入文本。

• 类型

function aiInput(
  text: string | Object,
  locate: string,
  options?: Object,
): Promise<void>;

• 参数：

  • text: string - 要输入的文本内容。
    • 当 mode 为 'replace' 时：文本将替换输入框中的所有现有内容。
    • 当 mode 为 'append' 时：文本将追加到现有内容后面。
    • 当 mode 为 'clear' 时：会忽略文本内容，仅清空输入框。
  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true
    • autoDismissKeyboard?: boolean - 如果为 true，则键盘会在输入文本后自动关闭，仅在 Android 中有效。默认值为 true。
    • mode?: 'replace' | 'clear' | 'append' - 输入模式。(默认值: 'replace')
      • 'replace': 先清空输入框，然后输入文本。
      • 'append': 将文本追加到现有内容后面，不清空输入框。
      • 'clear': 清空输入框，不会输入新的文本。

• 返回值：

  • Promise<void>

• 示例：

await agent.aiInput('Hello World', '搜索框');

#agent.aiKeyboardPress()

按下键盘上的某个键。

• 类型

function aiKeyboardPress(
  key: string,
  locate?: string | Object,
  options?: Object,
): Promise<void>;

• 参数：

  • key: string - 要按下的键，如 Enter、Tab、Escape 等。不支持组合键。
  • locate?: string | Object - 用自然语言描述的元素定位，，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiKeyboardPress('Enter', '搜索框');

#agent.aiScroll()

滚动页面或某个元素。

• 类型

function aiScroll(
  scrollParam: PlanningActionParamScroll,
  locate?: string | Object,
  options?: Object,
): Promise<void>;

• 参数：

  • scrollParam: PlanningActionParamScroll - 滚动参数
    • direction: 'up' | 'down' | 'left' | 'right' - 滚动方向。不论是 Android 还是 Web，这里的滚动方向都是指页面哪个方向的内容会进入屏幕。比如当滚动方向是 down 时，页面下方被隐藏的内容会从屏幕底部开始逐渐向上露出。
    • scrollType: 'once' | 'untilBottom' | 'untilTop' | 'untilRight' | 'untilLeft' - 滚动类型
    • distance: number - 滚动距离，单位为像素。
  • locate?: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。如果未传入，Midscene 会在当前鼠标位置滚动。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiScroll(
  { direction: 'up', distance: 100, scrollType: 'once' },
  '表单区域',
);

#agent.aiDoubleClick()

双击某个元素。

• 类型

function aiDoubleClick(locate: string | Object, options?: Object): Promise<void>;

• 参数：

  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiDoubleClick('页面顶部的文件名称');

// 使用 deepThink 功能精确定位元素
await agent.aiDoubleClick('页面顶部的文件名称', { deepThink: true });

#agent.aiRightClick()

仅在 web 页面中可用，在 Android 下不可用

右键点击某个元素。请注意，Midscene 在右键点击后无法与浏览器原生上下文菜单交互。这个接口通常用于已经监听了右键点击事件的元素。

• 类型

function aiRightClick(locate: string | Object, options?: Object): Promise<void>;

• 参数：

  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • Promise<void>

• 示例：

await agent.aiRightClick('页面顶部的文件名称');

// 使用 deepThink 功能精确定位元素
await agent.aiRightClick('页面顶部的文件名称', { deepThink: true });

#数据提取

#agent.aiAsk()

使用此方法，你可以针对当前页面，直接向 AI 模型发起提问，并获得字符串形式的回答。

• 类型

function aiAsk(prompt: string | Object, options?: Object): Promise<string>;

• 参数：

  • prompt: string | Object - 用自然语言描述的询问内容，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回一个 Promise。返回 AI 模型的回答。

• 示例：

const result = await agent.aiAsk('当前页面的应该怎么进行测试？');
console.log(result); // 输出 AI 模型的回答

除了 aiAsk 方法，你还可以使用 aiQuery 方法，直接从 UI 提取结构化的数据。

#agent.aiQuery()

使用此方法，你可以直接从 UI 提取结构化的数据。只需在 dataDemand 中描述期望的数据格式（如字符串、数字、JSON、数组等），Midscene 即返回相应结果。

• 类型

function aiQuery<T>(dataDemand: string | Object, options?: Object): Promise<T>;

• 参数：

  • dataDemand: T: 描述预期的返回值和格式。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回值可以是任何合法的基本类型，比如字符串、数字、JSON、数组等。
  • 你只需在 dataDemand 中描述它，Midscene 就会给你满足格式的返回。

• 示例：

const dataA = await agent.aiQuery({
  time: '左上角展示的日期和时间，string',
  userInfo: '用户信息，{name: string}',
  tableFields: '表格的字段名，string[]',
  tableDataRecord: '表格中的数据记录，{id: string, [fieldName]: string}[]',
});

// 你也可以用纯字符串描述预期的返回值格式：

// dataB 将是一个字符串数组
const dataB = await agent.aiQuery('string[]，列表中的任务名称');

// dataC 将是一个包含对象的数组
const dataC = await agent.aiQuery(
  '{name: string, age: string}[], 表格中的数据记录',
);

// 使用 domIncluded 功能提取 UI 中不可见的属性
const dataD = await agent.aiQuery(
  '{name: string, age: string, avatarUrl: string}[], 表格中的数据记录',
  { domIncluded: true },
);

此外，我们还提供了 aiBoolean(), aiNumber(), aiString() 三个便捷方法，用于直接提取布尔值、数字和字符串。

#agent.aiBoolean()

从 UI 中提取一个布尔值。

• 类型

function aiBoolean(prompt: string | Object, options?: Object): Promise<boolean>;

• 参数：

  • prompt: string - 用自然语言描述的期望值，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回一个 Promise。当 AI 返回结果时解析为布尔值。

• 示例：

const boolA = await agent.aiBoolean('是否存在登录对话框');

// 使用 domIncluded 功能提取 UI 中不可见的属性
const boolB = await agent.aiBoolean('忘记密码按钮是否存在链接', {
  domIncluded: true,
});

#agent.aiNumber()

从 UI 中提取一个数字。

• 类型

function aiNumber(prompt: string | Object, options?: Object): Promise<number>;

• 参数：

  • prompt: string | Object - 用自然语言描述的期望值，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回一个 Promise。当 AI 返回结果时解析为数字。

• 示例：

const numberA = await agent.aiNumber('账户剩余的积分');

// 使用 domIncluded 功能提取 UI 中不可见的属性
const numberB = await agent.aiNumber('账户剩余的积分元素的 value 值', {
  domIncluded: true,
});

#agent.aiString()

从 UI 中提取一个字符串。

• 类型

function aiString(prompt: string | Object, options?: Object): Promise<string>;

• 参数：

  • prompt: string | Object - 用自然语言描述的期望值，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回一个 Promise。当 AI 返回结果时解析为字符串。

• 示例：

const stringA = await agent.aiString('当前列表的第一条记录的名称');

// 使用 domIncluded 功能提取 UI 中不可见的属性
const stringB = await agent.aiString('当前列表的第一条记录的跳转链接', {
  domIncluded: true,
});

#更多方法

#agent.aiAssert()

通过自然语言描述一个断言条件，让 AI 判断该条件是否为真。当条件不满足时，SDK 会抛出错误，并在错误信息中追加 AI 返回的详细原因。

• 类型

function aiAssert(
  assertion: string | Object, 
  errorMsg?: string, 
  options?: Object
): Promise<void>;

• 参数：

  • assertion: string | Object - 用自然语言描述的断言条件，或使用图片作为提示词。
  • errorMsg?: string - 当断言失败时附加的可选错误提示信息。
  • options?: Object - 可选，一个配置对象，包含：
    • domIncluded?: boolean | 'visible-only' - 是否向模型发送精简后的 DOM 信息，一般用于提取 UI 中不可见的属性，比如图片的链接。如果设置为 'visible-only'，则只发送可见的元素。默认值为 false。
    • screenshotIncluded?: boolean - 是否向模型发送截图。默认值为 true。

• 返回值：

  • 返回一个 Promise。当断言成功时解析为 void；若断言失败，则抛出一个错误，错误信息包含 errorMsg 以及 AI 生成的原因。

• 示例：

await agent.aiAssert('"Sauce Labs Onesie" 的价格是 7.99');

const items = await agent.aiQuery(
  '"{name: string, price: number}[], 返回商品名称和价格列表',
);
const onesieItem = items.find((item) => item.name === 'Sauce Labs Onesie');
expect(onesieItem).toBeTruthy();
expect(onesieItem.price).toBe(7.99);

#agent.aiLocate()

通过自然语言描述一个元素的定位。

• 类型

function aiLocate(
  locate: string | Object,
  options?: Object,
): Promise<{
  rect: {
    left: number;
    top: number;
    width: number;
    height: number;
  };
  center: [number, number];
  scale: number; // device pixel ratio
}>;

• 参数：

  • locate: string | Object - 用自然语言描述的元素定位，或使用图片作为提示词。
  • options?: Object - 可选，一个配置对象，包含：
    • deepThink?: boolean - 是否开启深度思考。如果为 true，Midscene 会调用 AI 模型两次以精确定位元素。默认值为 false
    • xpath?: string - 目标元素的 xpath 路径，用于执行当前操作。如果提供了这个 xpath，Midscene 会优先使用该 xpath 来找到元素，然后依次使用缓存和 AI 模型。默认值为空
    • cacheable?: boolean - 当启用 缓存功能 时，是否允许缓存当前 API 调用结果。默认值为 true

• 返回值：

  • 返回一个 Promise。当元素定位成功时解析为元素定位信息。

• 示例：

const locateInfo = await agent.aiLocate('页面顶部的登录按钮');
console.log(locateInfo);

#agent.aiWaitFor()

等待某个条件达成。考虑到 AI 服务的成本，检查间隔不会超过 checkIntervalMs 毫秒。

• 类型

function aiWaitFor(
  assertion: string,
  options?: {
    timeoutMs?: number;
    checkIntervalMs?: number;
  },
): Promise<void>;

• 参数：

  • assertion: string - 用自然语言描述的断言条件
  • options?: object - 可选的配置对象
    • timeoutMs?: number - 超时时间（毫秒），默认为 15000
    • checkIntervalMs?: number - 检查间隔（毫秒），默认为 3000

• 返回值：

  • 返回一个 Promise。当断言成功时解析为 void；若超时，则抛出错误。

• 示例：

// 基本用法
await agent.aiWaitFor('界面上至少有一个耳机的信息');

// 使用自定义配置
await agent.aiWaitFor('购物车图标显示数量为 2', {
  timeoutMs: 30000, // 等待 30 秒
  checkIntervalMs: 5000, // 每 5 秒检查一次
});

#agent.runYaml()

执行一个 YAML 格式的自动化脚本。脚本中的 tasks 部分会被执行，并返回所有 .aiQuery 调用的结果。

• 类型

function runYaml(yamlScriptContent: string): Promise<{ result: any }>;

• 参数：

  • yamlScriptContent: string - YAML 格式的脚本内容

• 返回值：

  • 返回一个包含 result 属性的对象，其中包含所有 aiQuery 调用的结果

• 示例：

const { result } = await agent.runYaml(`
tasks:
  - name: search weather
    flow:
      - ai: input 'weather today' in input box, click search button
      - sleep: 3000

  - name: query weather
    flow:
      - aiQuery: "the result shows the weather info, {description: string}"
`);
console.log(result);

#agent.setAIActionContext()

设置在调用 agent.aiAction() 或 agent.ai() 时，发送给 AI 模型的背景知识。这个设置会覆盖之前的设置。

对于即时操作类型的 API，比如 aiTap()，这个设置不会生效。

• 类型

function setAIActionContext(actionContext: string): void;

• 参数：

  • actionContext: string - 要发送给 AI 模型的背景知识。

• 示例：

await agent.setAIActionContext('如果 “使用cookie” 对话框存在，先关闭它');

#agent.evaluateJavaScript()

仅在 web 页面中可用，在 Android 下不可用

这个方法允许你在 web 页面上下文中执行一段 JavaScript 代码，并返回执行结果。

• 类型

function evaluateJavaScript(script: string): Promise<any>;

• 参数：

  • script: string - 要执行的 JavaScript 代码。

• 返回值：

  • 返回执行结果。

• 示例：

const result = await agent.evaluateJavaScript('document.title');
console.log(result);

#agent.logScreenshot()

在报告文件中记录当前截图，并添加描述。

• 类型

function logScreenshot(title?: string, options?: Object): Promise<void>;

• 参数：

  • title?: string - 可选，截图的标题，如果未提供，则标题为 'untitled'。
  • options?: Object - 可选，一个配置对象，包含：
    • content?: string - 截图的描述。

• 返回值：

  • Promise<void>

• 示例：

await agent.logScreenshot('登录页面', {
  content: '用户 A',
});

#agent.freezePageContext()

冻结当前页面上下文，使后续所有的操作都复用同一个页面快照，避免多次重复获取页面状态。在执行大量并发操作时，它可以显著提升性能。

一些注意点：

• 通常情况下，你不需要使用这个方法，除非你确定“页面状态获取”是脚本性能瓶颈。
• 需要及时调用 agent.unfreezePageContext() 来恢复实时页面状态。
• 不要在交互类操作中使用这个方法，它会让 AI 模型无法感知到页面的最新状态，产生令人困惑的错误。

• 类型

function freezePageContext(): Promise<void>;

• 返回值：

  • Promise<void>

• 示例：

// 冻结页面上下文，确保多个操作看到相同的页面状态
await agent.freezePageContext();

// 执行一些操作...
const results = await Promise.all([
  await agent.aiQuery('Username input box value'),
  await agent.aiQuery('Password input box value'),
  await agent.aiLocate('Login button'),
]);
console.log(results);

// 解冻页面上下文
await agent.unfreezePageContext();

#agent.unfreezePageContext()

解冻页面上下文，恢复使用实时的页面状态。

• 类型

function unfreezePageContext(): Promise<void>;

• 返回值：

  • Promise<void>

#agent._unstableLogContent()

从报告文件中获取日志内容。日志内容的结构可能会在未来发生变化。

• 类型

function _unstableLogContent(): Object;

• 返回值：

  • 返回一个对象，包含日志内容。

• 示例：

const logContent = agent._unstableLogContent();
console.log(logContent);

#属性

#.reportFile

报告文件的路径。

#更多配置

#在运行时设置环境变量

你可以通过 overrideAIConfig 方法在运行时设置环境变量。

import { overrideAIConfig } from '@midscene/web/puppeteer'; // 或其他的 Agent

overrideAIConfig({
  OPENAI_BASE_URL: '...',
  OPENAI_API_KEY: '...',
  MIDSCENE_MODEL_NAME: '...',
});

#打印 AI 性能信息

设置 DEBUG=midscene:ai:profile:stats 环境变量，你可以看到每次调用 AI 的时间和 token 数量。

export DEBUG=midscene:ai:profile:stats

#自定义运行产物目录

设置 MIDSCENE_RUN_DIR 变量，你可以自定义运行产物目录。

export MIDSCENE_RUN_DIR=midscene_run # 默认值为当前运行目录下的 midscene_run 目录，支持设置为绝对路径或者相对于当前目录的相对路径

#自定义重新规划循环限制

设置 MIDSCENE_REPLANNING_CYCLE_LIMIT 变量，你可以自定义在执行操作(aiAction)时允许的最大重新规划循环次数。

export MIDSCENE_REPLANNING_CYCLE_LIMIT=10 # 默认值为 10。当 AI 需要重新规划超过这个限制时，会抛出错误建议将任务拆分为多个步骤

#使用 LangSmith

LangSmith 是一个用于调试大语言模型的平台。想要集成 LangSmith，请按以下步骤操作：

# 设置环境变量

# 启用调试标志
export MIDSCENE_LANGSMITH_DEBUG=1

# LangSmith 配置
export LANGSMITH_TRACING_V2=true
export LANGSMITH_ENDPOINT="https://api.smith.langchain.com"
export LANGSMITH_API_KEY="your_key_here"
export LANGSMITH_PROJECT="your_project_name_here"

启动 Midscene 后，你应该会看到类似如下的日志：

DEBUGGING MODE: langsmith wrapper enabled

#高级功能

#使用图片作为提示词

你可以在提示词中使用图片作为补充，来描述无法通过自然语言表达的内容。

使用图片作为提示词时，提示词的参数格式如下：

{
  // 提示词文本，其中可提及需要使用的图片
  prompt: string,
  // 提示词中提到的图片
  images?: {
    // 图片名称，需要和提示词文本中提到的图片名称对应
    name: string,
    // 图片 url，可以是本地图片路径、Base64 字符串，或者图片的 http 链接
    url: string
  }[]
  // 开启该选项后，http 格式的图片链接会被转化为 Base64 编码发送给大模型，适用于图片链接不是公开可访问的情况。
  convertHttpImage2Base64?: boolean
}

• 示例一：使用图片描述点击位置

await agent.aiTap({
  prompt: '指定 logo',
  images: [
    {
      name: '指定 logo',
      url: 'https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png',
    },
  ],
});

• 示例二：使用图片进行页面断言

await agent.aiAssert({
  prompt: '页面上是否存在指定 logo',
  images: [
    {
      name: '指定 logo',
      url: 'https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png',
    },
  ],
});

图片尺寸的注意事项

在提示词中使用图片时，可能需要关注模型提供商对图片体积和尺寸的要求，过大（比如超过 10M）或过小（比如小于 10 像素）的图片都有可能导致模型调用时出现报错，具体的限制请以你所使用模型提供商的文档为准。

#自动化报告合并

在运行多个自动化工作流时，每个 agent 都会生成独立的报告文件。ReportMergingTool 提供了将多个自动化报告合并为单个报告的能力，便于统一查看和管理自动化结果。

#使用场景

• 在自动化套件中运行多个工作流，希望生成一个统一的报告
• 跨平台自动化(如 Web 和 Android)需要合并不同平台的自动化结果
• CI/CD 流程中需要生成汇总的自动化报告

#new ReportMergingTool()

创建一个报告合并工具实例。

• 示例:

import { ReportMergingTool } from '@midscene/core/report';

const reportMergingTool = new ReportMergingTool();

#.append()

将自动化报告添加到待合并列表中。通常在每个自动化工作流结束后调用此方法。

• 类型

function append(reportInfo: ReportFileWithAttributes): void;

• 参数:

  • reportInfo: ReportFileWithAttributes - 报告信息对象，包含:
    • reportFilePath: string - 报告文件的路径，通常是 agent.reportFile
    • reportAttributes: object - 报告属性
      • testId: string - 自动化工作流的唯一标识符
      • testTitle: string - 自动化工作流标题
      • testDescription: string - 自动化工作流描述
      • testDuration: number - 自动化工作流执行时长(毫秒)
      • testStatus: 'passed' | 'failed' | 'timedOut' | 'skipped' | 'interrupted' - 自动化状态

• 返回值:

  • void

• 示例:

// 在 afterEach 钩子中添加报告
afterEach((ctx) => {
  let workflowStatus = 'passed';
  if (ctx.task.result?.state === 'fail') {
    workflowStatus = 'failed';
  }

  reportMergingTool.append({
    reportFilePath: agent.reportFile as string,
    reportAttributes: {
      testId: ctx.task.name,
      testTitle: ctx.task.name,
      testDescription: '自动化工作流描述',
      testDuration: Date.now() - startTime,
      testStatus: workflowStatus,
    },
  });
});

#.mergeReports()

执行报告合并操作，将所有添加的报告合并为一个 HTML 文件。

• 类型

function mergeReports(
  reportFileName?: 'AUTO' | string,
  opts?: {
    rmOriginalReports?: boolean;
    overwrite?: boolean;
  },
): string | null;

• 参数:

  • reportFileName?: 'AUTO' | string - 合并后的报告文件名
    • 默认为 'AUTO'，自动生成文件名
    • 可以指定自定义文件名(不需要 .html 后缀)
  • opts?: object - 可选配置对象
    • rmOriginalReports?: boolean - 是否删除原始报告文件,默认为 false
    • overwrite?: boolean - 如果目标文件已存在是否覆盖，默认为 false

• 返回值:

  • 成功时返回合并后的报告文件路径
  • 如果报告数量不足(少于 2 个)，返回 null

• 示例:

// 基本用法 - 使用自动生成的文件名
afterAll(() => {
  reportMergingTool.mergeReports();
});

// 指定自定义文件名
afterAll(() => {
  reportMergingTool.mergeReports('my-automation-report');
});

// 合并后删除原始报告
afterAll(() => {
  reportMergingTool.mergeReports('my-automation-report', {
    rmOriginalReports: true,
  });
});

// 覆盖已存在的报告文件
afterAll(() => {
  reportMergingTool.mergeReports('my-automation-report', {
    overwrite: true,
  });
});

#.clear()

清空待合并的报告列表。如果需要在同一个实例中进行多次合并操作,可以使用此方法清空之前的报告列表。

• 类型

function clear(): void;

• 返回值:

  • void

• 示例:

reportMergingTool.mergeReports('first-batch');
reportMergingTool.clear(); // 清空列表
// 继续添加新的报告...

#完整示例

以下是在 Vitest 框架中使用 ReportMergingTool 的完整示例:

import { describe, it, beforeEach, afterEach, afterAll } from 'vitest';
import { AndroidAgent, AndroidDevice } from '@midscene/android';
import { ReportMergingTool } from '@midscene/core/report';

describe('Android 设置自动化', () => {
  let device: AndroidDevice;
  let agent: AndroidAgent;
  let startTime: number;
  const reportMergingTool = new ReportMergingTool();

  beforeEach((ctx) => {
    startTime = performance.now();
    agent = new AndroidAgent(device, {
      groupName: ctx.task.name,
    });
  });

  afterEach((ctx) => {
    // 确定自动化状态
    let workflowStatus = 'passed';
    if (ctx.task.result?.state === 'pass') {
      workflowStatus = 'passed';
    } else if (ctx.task.result?.state === 'skip') {
      workflowStatus = 'skipped';
    } else if (ctx.task.result?.errors?.[0]?.message.includes('timed out')) {
      workflowStatus = 'timedOut';
    } else {
      workflowStatus = 'failed';
    }

    // 添加报告到合并列表
    reportMergingTool.append({
      reportFilePath: agent.reportFile as string,
      reportAttributes: {
        testId: ctx.task.name,
        testTitle: ctx.task.name,
        testDescription: '自动化工作流描述',
        testDuration: (Date.now() - ctx.task.result?.startTime!) | 0,
        testStatus: workflowStatus,
      },
    });
  });

  afterAll(() => {
    // 合并所有自动化报告
    reportMergingTool.mergeReports('android-settings-automation-report');
  });

  it('切换 WLAN', async () => {
    await agent.aiAction('找到并进入 WLAN 设置');
    await agent.aiAction('切换 WLAN 状态一次');
  });

  it('切换蓝牙', async () => {
    await agent.aiAction('找到并进入蓝牙设置');
    await agent.aiAction('切换蓝牙状态一次');
  });
});