electron - 以编程方式控制 Chromium 实例的最可靠方法是什么?

标签 electron chromium puppeteer chromium-embedded chrome-devtools-protocol

我正在研究以编程方式控制 Chrome/Chromium 实例的可靠方法,以利用其在 Node.js/C#/Java 应用程序中渲染网页的功能。简而言之,我想做的事情如下:

  • 打开/关闭浏览器窗口。
  • 最小化、最大化浏览器窗口。
  • 导航至特定网址。
  • 设置 cookie。

更清楚地说:我需要一个有头浏览器来向最终用户显示网页。它可以嵌入到我的应用程序中,也可以是独立的浏览器(例如单独提供的 Chromium 实例)。

我无法找到有关 Chrome/Chromium 中可在 Node.js/C#/Java 环境中使用的任何公共(public) API 的信息。适用于 Chrome 扩展的扩展不适用于我的项目,因为我想从外部控制浏览器,就像 Selenium WebDriver 那样。到目前为止,我找到了以下方法来按照我需要的方式控制浏览器:

  1. 使用 Puppeteer/WebDriver API。
  2. 使用 chrome-remote-interface NodeJS 库。
  3. 依赖 Chrome 嵌入式框架功能。
  4. 依赖 Electron.js 功能。
  5. 构建我自己的库,其中以某种方式包含 Chromium 模块作为依赖项(类似于 Electron 团队实现的示例)。

从最终利用 Chrome Devtools 协议(protocol)的所有提到的库的角度来看,前两个选项是相似的。对于我们的项目来说,CDP 退休/弃用的风险相当大。另一个问题是 CDP 的目的是调试和测试自动化,而不是应用程序开发。此外,在用户计算机上打开 Chrome 中的开放调试端口似乎很容易受到攻击。

由于依赖于嵌入式 Chromium 更新节奏,CEF 和 Electron 路径引起了我的关注。尽管 Electron 团队的目标是与 Chromium 的所有其他版本一起更新,但它仍然可能是一个安全问题,因为例如在带有安全补丁的新版本发布后无法立即更新 Chromium 版本。此外,如果我需要真正的浏览器体验(就是这种情况),我不会开箱即用,我必须自己实现浏览器功能,如按钮、选项卡地址栏等。

选项 #5 的实现似乎极其复杂,因为它似乎需要团队在 Chromium 内部、C++ 开发和 C++ 构建工具方面的能力。

选项列表中我错过了什么吗?我的假设中遗漏了什么吗?任何提示、想法、建议将不胜感激!

最佳答案

您的一些选项是关于控制浏览器(#1、#2),而另一些选项是关于嵌入浏览器(#3、#4)。这是两个不同的用例,您的需要取决于您的目标。

控制浏览器

如果您想控制浏览器执行任务,甚至可能在后台执行而最终用户没有注意到,您应该选择选项 1(puppeteer)或 2(chrome-remote-interface)。

我建议使用 puppeteer,因为这是由 Google Chrome 开发人员开发的库,它为您的用例提供了许多功能(打开浏览器窗口、导航、设置 cookie)。

我认为没有任何理由担心 Chrome DevTools Protocol 很快就会被放弃。 Chrome DevTools 完全依赖此协议(protocol)。此外,Firefox(Mozilla bug 跟踪器: #1316741#1523097 )和 Edge已经部分支持该协议(protocol),使其将来更不可能被放弃。 (more information)

嵌入浏览器

如果您需要嵌入浏览器,即尝试在应用程序中显示浏览器,则应重点关注选项 3(Chrome 嵌入式框架)或 4(Electron)。

Chrome 嵌入式框架是一种更底层的方法,可将单独的浏览器放入您的应用程序中。但我不能在这里详细说明,因为我自己从未使用过这个。

Electron 另一方面是一个浏览器,这意味着整个应用程序是作为 Web 应用程序开发的。您可以将另一个浏览器窗口 ( webview ) 嵌入到您的浏览器中,您可以基本上控制它(类似于 puppeteer 可以做的事情)。

直接使用 Chromium 代码(选项 5)

虽然 Chromium 项目分为多个组件,但听起来您需要一个完整的浏览器。我曾经自己编译过 Chromium 源代码,实际上需要几个小时。请记住,他的代码由大约 3500 万行代码组成 ( source )。即使您弄清楚要使用代码的哪些部分,代码的某些低级部分会发生更改并破坏您的实现,这比放弃 DevTools 协议(protocol)更为现实。所以,我绝对建议不要遵循这个想法。

替代方案

根据您的用例,您还可以查看 DOM 模拟库,例如 jsdomcheerio 。这些库的功能非常有限,您可能必须自己实现浏览器的某些部分,例如下载文档、读取和设置 header 以处理cookie等。


总而言之,如果您想控制浏览器主要在后台执行任务,我建议您使用 puppeteer。如果您需要一个浏览器窗口作为应用程序的一部分,请选择 Electron。

关于electron - 以编程方式控制 Chromium 实例的最可靠方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58033736/

相关文章:

node.js - 如何检测 puppeteer 中的警报

javascript - 如何在 puppeteer 中滚动浏览多个 iframe

node.js - Electron 应用抛出版本模块版本不匹配错误。预计49,实际48

debugging - 从外部设备使用 Chromium 远程调试

javascript - Electron IPCMain无法访问变量

javascript - "Request to ServiceWorker"操作指的是什么?

android - Chromium 51 和 Chromium 51 WebView 之间不一致的背景大小速记行为

node.js - Puppeteer 的 BrowserFetcher 发生了什么?

javascript - Electron:ES模块的require()

javascript - NodeJS Ajax 请求正好工作七次