chrome + puppeteer

栏目: Node.js · 发布时间: 7年前

内容简介:众所周知 puppeteer 模块大,是因为他包含了完整的 Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) 。那么,为什么不直接调用本机 chrome 呢?前段时间 GoogleChromeLabs 发布了 carlo 神器,6的一逼啊。

众所周知 puppeteer 模块大,是因为他包含了完整的 Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) 。

那么,为什么不直接调用本机 chrome 呢?

思路来源

前段时间 GoogleChromeLabs 发布了 carlo 神器,6的一逼啊。

但我测试后发现,功能太少,然后看了下源码,然后就有了这篇文章。

puppeteer-core

其实 puppeteer 也只是 Chromium + puppeteer-core 而已,所以我们可以直接安装 puppeteer-core 然后调用本机 Chrome 就好了。

目前版本,我本机安装 puppeteer-core 约 2.1MB,非常小。

然后我们直接调用 carlo 的 find_chrome 脚本,他可以跨平台的找到本机安装的 chrome, chromium, canary 版本。

接着,传参启动 puppeteer-core,代码如下。

const puppeteer = require('puppeteer-core');
const findChrome = require('./find_chrome');

(async () => {
  const browser = await puppeteer.launch({
    executablePath: findChrome().pop(),
    pipe: true,
    defaultViewport: null,
    headless: false,
    userDataDir: '.profile',
    // args,
  });

  const page = await browser.newPage();
  await page.goto('https://www.bilibili.com/');
  await page.screenshot({ path: 'example.png', fullPage: true });

  await browser.close();
})();

其中 launch 部分的参数是从 carlo 借鉴的,想找到更详细的参数,还是看 puppeteer 官网文档吧。

应用

就 puppeteer 来说,其实就是个 js 操作 chrome 浏览器的东西,常见的应用也只是用他来写测试,爬虫等。

但作为开发者的我们,可以用他来写 node ui 界面,虽然没 electron 那么高的自定义,但至少非常小,非常省事的实现了 ui。

比如可以写自动签到,自动领取积分,等工具。

发挥你的想象吧。

小结

GoogleChromeLabs 是个神奇的组织,一次次给我们惊喜,如 ndb, carlo, quicklink 等。

而且向我们证明了 chrome 不仅仅是个浏览器。


以上所述就是小编给大家介绍的《chrome + puppeteer》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web2.0策划指南

Web2.0策划指南

艾美 / 2009-11 / 32.00元

《Web2.0策划指南(影印版)》是讲述战略的。书中的示例关注的是Web 20的效率,而不聚焦于技术。你将了解到这样一个事实:创建Web 20业务或将Web 20战略整合到业务中,意味着创建一个吸引人们前来访问的在线站点,让人们愿意到这里来共享他们的思想、见闻和行动。当人们通过Web走到一起时,可能得到总体远远大于各部分和的结果。随着传统的“口碑传诵”助推站点高速成长,客户本身就能够帮助建立站点。......一起来看看 《Web2.0策划指南》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

MD5 加密
MD5 加密

MD5 加密工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具