在 2026 Google 开发者大会上,Chrome 聚焦智能体开发与智能体 Web,带来一系列技术与工具更新,助力中国出海开发者与企业提升 Web 开发效率与网站体验:
开发者工具与 Modern Web Guidance 提升智能体编码质量
WebMCP 让网站向智能体提供结构化工具
现代身份验证覆盖完整账号生命周期
智能体编码流程进一步提升 Web 开发质量
这些更新帮助编程智能体进入真实浏览器观察、调试和验证代码,也为网站适配智能体访问提供了更清晰的开发路径。开发者可以更快定位运行时问题,并提前为智能体参与网页交互做好准备。
Chrome 开发者工具全面赋能智能体,AI 走进真实浏览器
传统编程智能体主要依靠训练数据和源代码判断问题。面对只会在页面运行时出现的异常,它可能反复搜索代码,却无法找到真正的原因。
面向智能体的 Chrome 开发者工具将真实浏览器中的运行时数据开放给编程智能体。智能体可以打开网页、执行操作、读取控制台日志和网络请求,定位代码问题,完成修复后再回到浏览器验证结果,形成“发现问题—修改代码—验证修复”的闭环。
从猜测问题,到观察真实运行状态
以注册失败为例,错误原因可能只存在于接口返回的运行时数据中,模型训练数据和项目源代码里都没有答案。
接入面向智能体的 Chrome 开发者工具后,开发者只需描述需要复现的操作。智能体便可以在真实 Chrome 实例中打开注册页面、填写表单、触发错误,检查网络响应和控制台信息,再根据 source map 找到对应文件,修改代码并重新验证。
类似的工作流还可以用于:
- 自动复现并修复复杂的页面交互问题
- 检查桌面、平板与移动端的页面表现
- 运行性能、无障碍与 SEO 审计
- 将浏览器操作保存为可重复执行的脚本
智能体由此获得了开发者长期使用 Chrome 开发者工具积累的能力:观察页面真实状态、通过数据定位问题,并检查自己的修改是否真正生效。这套反馈闭环可以减少开发者在代码、日志与浏览器之间反复切换的成本,也让 AI 生成的修改经过真实运行验证,提升调试效率与结果可靠性。
MCP、CLI 与 skills
连接智能体和浏览器
面向智能体的 Chrome 开发者工具以 npm 软件包的形式提供,可以通过 MCP Server 或 CLI 接入不同编程智能体。
MCP 适合智能体直接调用工具;CLI 则可以让智能体通过脚本调用面向智能体的 Chrome 开发者工具,在部分场景中减少 token 消耗,并将操作流程保存下来,在智能体循环之外重复运行。
配套 skills 会进一步告诉智能体应该在什么情况下、以什么方式使用这些工具。相关能力覆盖通用故障排查,以及无障碍调试、内存泄漏排查和 LCP 优化等专业场景。
当开发者把常见工作流进一步封装为自定义 skill,智能体还可以自动执行团队已有的代码审查、性能检查和 UI 验证规范。合作伙伴 P2ER 将这套方式融入日常开发后,发布频率由过去每周一次提升为每天多次,开发速度提升了 10 倍。
网站进入智能体时代
让页面同时服务人与 AI
智能体 Web 正在把用户与网站的互动方式,从“亲自浏览”推向“委托完成”。
用户可以向智能体提出一个高层级目标,再由智能体读取页面结构、点击控件并完成多步骤任务;涉及重要选择或操作时,用户仍然保留最终确认权。
开发者因此需要考虑一个新问题:当网站访问者是一名 AI 智能体,它能否准确理解页面,又能否顺利完成用户交给它的任务?
智能体如何“看懂”网站?
AI 智能体主要通过三类信息理解网页:
屏幕截图提供颜色、尺寸和位置等视觉线索;DOM呈现元素之间的结构与层级关系;无障碍树提炼交互元素的角色、名称和状态,为智能体提供一份页面功能地图。
这意味着,帮助智能体理解网站,首先要回到优秀 Web 开发的基本原则:
- 让操作入口与操作结果清晰可见
- 保持布局和控件位置稳定
- 避免将关键操作隐藏在悬停效果或复杂动画中
-使用 `
- 完善网站的无障碍体验
语义化 HTML 和无障碍树能够让人类辅助技术与 AI 智能体准确理解页面。因此,为智能体优化网站的过程,也会同步改善普通用户的使用体验。
WebMCP:让智能体直接调用网站能力
当任务涉及筛选、预订、购买等复杂流程,仅靠智能体反复分析截图、DOM 和无障碍树,仍然可能产生较高的操作成本。
WebMCP 是一项仍处于实验阶段的 Web 标准提案,旨在让现有网站向 AI 智能体开放结构化工具。
例如,当用户要求智能体“把一份厚底意式腊肠披萨加入购物车”,网站可以提供一个 add_pizza_to_cart 工具。智能体直接传入披萨名称和饼底类型,无需逐一寻找商品、选择规格和点击按钮,整个流程会更加快速、可靠。
开发者可以通过两种方式定义 WebMCP 工具:
- 使用标准 JavaScript,通过命令式 API 注册工具
- 为现有 HTML 表单添加特定注解,通过声明式 API 将其转换为工具
网站已有的 JavaScript 函数也可以继续复用。开发者只需定义工具名称、功能描述、输入参数和执行逻辑,并将成功信息、错误或下一步建议返回给智能体。
从工具调用到最终结果,都能测试和调试
由于智能体的行为具有一定不确定性,WebMCP 工具需要经过更完整的评估。
开发者可以分三个层级进行检查:
- 智能体是否选择了正确的工具
- 调用参数与工具输出是否准确
- 工具执行后,页面是否进入预期状态
Chrome 开发者工具中的 WebMCP 面板可以查看工具调用状态、调用次数、输入输出与代码注册位置。开发者既能看到哪些工具被调用,也能发现哪些本应触发的工具没有出现。
从Chrome 150 开始,专为智能体 Web 设计的 Lighthouse 审计项可以检查网站的视觉表现、无障碍能力、WebMCP 工具和内容偏移,帮助开发者从工具选择、参数传递到页面最终状态逐层评估网站的智能体就绪程度,降低智能体行为不确定性带来的测试和调试成本。
更多 Chrome 技术更新
完善 Web 开发与用户体验
除了以上重点技术,Chrome 还带来了现代身份验证与智能体编码实践的更多进展。
现代身份验证,覆盖完整账号生命周期
围绕账号创建、用户属性验证、登录和账号恢复,Chrome 提供了更完整的现代身份验证建议。
开发者可以通过 FedCM 与自动填充降低注册门槛,使用邮箱验证协议和 Digital Credentials API 验证用户信息,并通过通行密钥、即时登录对话框及多元恢复方式,打造更安全、抗钓鱼且以用户为中心的身份体验。
随着 AI 智能体代表用户完成预订、订阅管理等任务,身份验证也成为智能体体验的基础。Chrome 团队正在探索通过语义元素和注解,帮助智能体识别网站中的登录入口与凭证类型。
建立更新系统的智能体编码流程
编程智能体能够快速生成代码,也可能带来反复沟通、界面同质化和代码模式过时等问题。Google 内部数据显示,在缺少指导时,即使表现较好的编程智能体也只有约一半的时间会主动采用最新 Web 能力。
更可靠的做法,是将每项编码任务当作一段完整的产品开发流程:先研究需求并编写 PRD,在真实浏览器中完成设计,再通过 Design Doc 明确架构与技术方案,最后让不同智能体分别负责实现和代码审查。
Modern Web Guidance 为智能体补充最新 Web 平台实践,面向智能体的 Chrome 开发者工具帮助它在真实浏览器中调试和验证;开发完成后,还可以通过 WebMCP 让网站为未来的智能体访问做好准备。
前沿能力现场上手
除了专题分享,大会现场还设置了多个 Chrome 技术与互动展区,让开发者近距离体验智能体工具、浏览器内置 AI 与全新 Web API。
WebMCP,让智能体调用网站工具。 WebMCP 展区展示了专为 AI 智能体提供的结构化网站工具。开发者借助调试扩展程序,查看工具的调用过程、输入输出与实现细节,并了解如何构建自己的 WebMCP 工具。
开发者工具与 Modern Web Guidance,提升智能体编码质量。现场对比了普通编程智能体与接入 Chrome 工具后的开发效果。借助面向智能体的 Chrome 开发者工具、Modern Web Guidance 与 Lighthouse 审计,智能体能够使用最新 Web 实践,并在真实浏览器中检查和验证生成结果。
Chrome 内置 AI,让模型直接运行在浏览器中。Chrome 内置 AI 展区展示了无需服务器和云端连接的端侧 AI 体验,包括 Prompt API 的结构化输出与函数调用、Proofreader API,以及 Summarizer API 的最新能力。
HTML in Canvas 探索全新 Web 交互。 HTML in Canvas 展区展示了 DOM 与 Canvas 结合后的交互体验,包括 2D 纹理中的文本自动翻译,以及 3D 环境中的文本选择。
Chrome 扩展程序,让端侧 AI 进入浏览器插件。Chrome 扩展程序展区展示了如何借助 Transformers.js 与 Gemma 4,在扩展程序中运行本地 AI 模型,探索浏览器智能体与端侧 AI 的应用方式。
加入 Google 开发者计划,即刻解锁个性化主页、技能认证机会、便捷的内容管理功能、活动邀约与最新产品更新。现在扫码免费注册,还可领取 2026 Google 开发者大会限定电子徽章!
全部0条评论
快来发表一下你的评论吧 !