正式就绪 | Firefox、Chrome 和 Puppeteer 已支持 WebDriver BiDi

科技   2024-11-05 17:31   北京  
以下文章来源于 Android 开发者,作者 Google
作者 / Matthias Rohmer


近期,我们与 BrowserStack 一起见证了 WebDriver BiDi 在 BrowserStack 中正式投入使用。并且 WebDriver BiDi 也继续得到了完善,Firefox 129 及 Puppeteer 23 均已获得对 WebDriver BiDi 的生产就绪 (production-ready) 支持!


  • 在 BrowserStack 中正式投入使用
    https://developer.chrome.google.cn/blog/webdriver-bidi-support-in-browserstack
  • WebDriver BiDi
    https://developer.chrome.google.cn/blog/webdriver-bidi


四年多来,Mozilla 一直是 WebDriver BiDi 的重要合作伙伴,在初期帮助制定了新标准,然后在 Firefox 中逐步实现,并通过 Firefox WebDriver Newsletter 清晰地记录了他们的进展。


  • Firefox WebDriver Newsletter
    https://fxdx.dev/category/remote-protocols/webdriver-bidi/

由于 WebDriver BiDi 现已在 Firefox 中正式投入使用,Puppeteer 从版本 23 开始,可通过 WebDriver BiDi 为 Firefox 提供稳定支持。这样,您便可使用与 Chrome 相同的简洁 API 将 Firefox 自动化。Puppeteer 对 Chrome 开发者工具协议 (CDP) 的支持保持不变。


提示: 如要进一步了解 WebDriver BiDi,请参阅 WebDriver BiDi-跨浏览器自动化的未来


  • WebDriver BiDi-跨浏览器自动化的未来
    https://developer.chrome.google.cn/blog/webdriver-bidi



Firefox、CDP 和 Puppeteer


Puppeteer 是开发者使用 Chrome 开发者工具协议 (CDP) 将基于 Chromium 的浏览器自动化的可靠工具。2019 年,Puppeteer 获得了对 Firefox 的实验性支持。

为此,Mozilla 在 Firefox 中实施并维护了一个 CDP 子集。此解决方案能让 Firefox 通过 Puppeteer API 实现自动化,但也有一些注意事项:
  • 顾名思义,CDP 由 Chrome 开发者工具所调用,需要根据开发者工具的要求进行更改。

  • CDP 未根据共享的公共规范进行标准化,在 Firefox 中对其进行维护需要团队间顺畅的沟通和持续的努力。

  • 由于 Firefox 只实施了 CDP 的一个子集,Puppeteer 无法保证其完整的 API 能与 Firefox 兼容,可能会给用户造成困扰。


虽然我们很高兴在过去几年中与 Mozilla 一起维护此支持,但我们深知这并非长久之计。以此合作伙伴关系为基础,再联合其他主要的浏览器和工具供应商,我们共同构建了 WebDriver BiDi。

  • 联合其他主要的浏览器和工具供应商
    https://www.w3.org/groups/wg/browser-tools-testing/


提示: 如需进一步了解 WebDriver BiDi 的发展历程,请参阅回顾过往: 测试自动化的演变和发展


  • 回顾过往: 测试自动化的演变和发展
    https://developer.chrome.google.cn/blog/test-automation-evolution



团队合作成就梦想


Firefox 团队一直致力在 Firefox 中实施 WebDriver BiDi。与此同时,Puppeteer 团队一直在扩展对 Puppeteer API 的 WebDriver BiDi 支持。两个团队共同努力的目标是借助 Puppeteer 中的 WebDriver BiDi 为生产自动化用例提供所有所需的可用 API,确保这些 API 在 Chrome 和 Firefox 中均受到支持。

△ 共享团队信息中心展示了过去几个月通过测试的数量。

如此,Puppeteer 用户便能在启动 Puppeteer 实例时指定 browser 配置键值,从而选择 Firefox 或 Chrome 来实现自动化。

import puppeteer from 'puppeteer';
const firefoxBrowser = await puppeteer.launch({ browser: 'firefox', // WebDriver BiDi is used by default in Firefox.});const page = await firefoxBrowser.newPage();...await firefoxBrowser.close();
const chromeBrowser = await puppeteer.launch({ browser: 'chrome', protocol: 'webDriverBiDi', // CDP would be used by default for Chrome.});const page = await chromeBrowser.newPage();...await chromeBrowser.close();

如要进一步了解 Firefox 129 全新功能以及 Mozilla 在 WebDriver BiDi 方面的工作进展,请参阅相关的 Mozilla Hacks 博文


  • Mozilla Hacks 博文
    https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/



未来的 CDP 支持


上述代码段显示了,要借助 Puppeteer 使用 WebDriver BiDi 实现 Chrome 自动化,您需要将 protocol 明确设置为 webDriverBiDi。这是因为对于 Chrome,Puppeteer 将始终默认使用 CDP,从而防止现有自动化受到影响,并同时继续支持专门针对 Chrome 功能而构建的自动化。


提示: 如要进一步了解 Chrome、Firefox、CDP 和 WebDriver BiDi 支持的 Puppeteer API,请参阅 Puppeteer 文档


  • Puppeteer 文档

    https://pptr.dev/webdriver-bidi


从 Firefox 129 版本开始,Firefox 将弃用 CDP 支持,并计划于 2024 年底移除该支持。如果您现有的自动化依赖于 Firefox 中的 CDP 支持,我们强烈建议您迁移至 WebDriver BiDi。如果无法实现,请通过 dev-webdriver@mozilla.org 与我们联系,分享您的用例。


  • 计划于 2024 年底移除该支持
    https://fxdx.dev/deprecating-cdp-support-in-firefox-embracing-the-future-with-webdriver-bidi/




谷歌开发者特别招募活动进行中

诚邀热爱技术的你加入


通过多种形式 (文章/视频/coding 等) 创作与 Google 技术相关的讲解分享、实践案例或活动感受等内容,以及分享您应用 AI 技术的故事经历与成果。我们将为您提供平台和资源,助力您在分享中提升技能。更有惊喜权益等您领取,快来报名参与吧!






 点击屏末  | 了解有关 WebDriver BiDi 的更多信息

谷歌开发者
Google 中国官方账号。汇集 Android, Flutter, Chrome OS, Chrome/web, AI 等开发技术,以及 Google Play 平台出海相关信息。
 最新文章