且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在任何Web浏览器中运行Puppeteer代码?

更新时间:2022-01-27 03:40:01

它适用于浏览器。该软件包名为 puppeteer-web ,专门针对此类情况而定。

It does work with browser. The package is called puppeteer-web, specifically made for such cases.

但重点是,必须在某些服务器上运行一些chrome实例。只有这样你才能连接到它。

But the main point is, there must be some instance of chrome running on some server. Only then you can connect to it.

使用Browserify捆绑Puppeteer:

To bundle Puppeteer using Browserify:

克隆Puppeteer存储库:

Clone Puppeteer repository:

git clone https://github.com/GoogleChrome/puppeteer && cd puppeteer
npm install
npm run bundle

这将创建 ./ utils / browser / puppeteer-web.js 包含Puppeteer包的文件。

This will create ./utils/browser/puppeteer-web.js file that contains Puppeteer bundle.

您可以稍后在您的文件中使用它通过其WS端点驱动另一个浏览器实例的网页:

You can use it later on in your web page to drive another browser instance through its WS Endpoint:

<script src='./puppeteer-web.js'></script>
<script>
  const puppeteer = require('puppeteer');
  const browser = await puppeteer.connect({
    browserWSEndpoint: '<another-browser-ws-endpont>'
  });
  // ... drive automation ...
</script>

我和puppeteer和webpack玩得很开心,

I had some fun with puppeteer and webpack,

  • playground-react-puppeteer
  • playground-electron-react-puppeteer-example

有关创建服务器的详细信息,请参阅以下答案,

See these answers for full understanding of creating the server and more,

  • Official link to puppeteer-web
  • Puppeteer with docker
  • Puppeteer with chrome extension
  • Puppeteer with local wsEndpoint