借助 Chrome DevTools for agents，您的智能体可以验证自适应布局、测试位置感知型 API，以及模拟不同的 CPU 或网络速度。使用这些工具可以更有效地识别极端情况并自动执行性能审核。
这些模拟功能可与其他工具搭配使用，让您的智能体能够与您的网站互动，例如点击元素、填写表单和浏览网页。
您可以模拟以下内容：
- 视口 和 用户 代理： 模拟特定的屏幕尺寸和设备标识符。
- 地理位置 ：欺骗位置坐标以测试位置感知型 API。
- 网络和 CPU ：限制网络条件和 CPU 速度，以模拟实际的性能限制。
- 配色方案 ：在浅色模式和深色模式之间切换。
使用模拟时，请注意以下事项：
- 设备支持：您的智能体可以模拟Puppeteer's
KnownDevices列表中的任何设备。 这包括模拟移动视口的触摸事件。 - 浏览器引擎行为：虽然该工具会模拟设备特征， 但不会模拟非 Chromium 浏览器引擎或其他 操作系统。您的智能体始终在当前操作系统中的 Chrome 中执行。
用户模拟的用例
指示您的智能体模拟环境并为您验证界面，而不是在每次更改代码后手动调整浏览器大小、欺骗 IP 或限制网络。
通过以下工作流将模拟集成到开发流程中。
迭代自适应设计
在移动设备和桌面设备外形规格之间，导航模式通常会发生巨大变化。在构建应用时，您可以指示智能体验证其刚刚编写的组件是否正确呈现，并在不同设备上提供相同的内容。
示例提示 ：
Go to developer.chrome.com. Click the burger menu on mobile, check the top level
items and ensure the same items are available for a desktop device.
示例智能体执行 ：您的智能体打开 Chrome 窗口，导航到该页面，开始模拟，并比较两个视口中的项。它确认移动版视图（汉堡菜单）和桌面版视图（标头）包含预期的链接。
验证跨视口互动
布局会在互动期间中断，而不仅仅是在 CSS 中中断。静态屏幕截图通常会遗漏用户实际触摸界面时发生的 bug。您可以让智能体测试多个视口中的特定互动流程，以捕获隐藏的功能 bug。
示例提示 ：
Go to https://developer.chrome.com/ on mobile, tablet and desktop device, type
in a search query but don't submit it and wait for the type-ahead suggestions.
Ensure the Sign in button is visible all the time. Let me know if that's not the
case.
示例智能体执行 ：您的智能体输入搜索查询，并将屏幕调整为三种尺寸中的每一种。在此示例中，您的智能体捕获到，在平板电脑和移动设备上，搜索栏会展开即可填充标头的整个宽度，从而遮盖登录 链接。
为位置感知型功能制作原型
测试依赖于用户实际位置的 API（例如“附近”搜索或商店定位器）通常需要您手动替换传感器。现在，您可以指示智能体欺骗特定的地理位置，以便顺畅地验证前端和后端逻辑。
示例提示 ：
Go to chrome.dev/devtools-store-locator. Search for Berlin, and confirm there's
a store showing. Confirm there's no store for Washington. Finally, simulate
Paris as location and verify there are stores listed.
示例智能体执行 ：您的智能体导航到该网站，搜索柏林，然后动态注入特定的经纬度坐标以模拟巴黎，然后与使用我的位置 功能互动，以确保填充正确的商店。