因为网络原因,国内安装 puppeteer
的时候会报网络超时。这里使用 puppeteer-core
之后使用手动下载的 chrome
进行操作。思路很简单,安装一个不带浏览器的 puppeteer
,再使用的时候将浏览器地址指向一个可执行的 chrome
浏览器文件。
安装
安装 puppeteer-core
。
yarn add puppeteer-core
找到 puppeteer 中对应的浏览器并下载
在 node_modules/puppeteer-core/lib/browserfetcher.js
中找到各平台 chrome
下载地址。其中 %s
替换为 default_download_host
的值, %d
替换为版本号。
在 node_modules/puppeteer-core/packages.json
中找到版本号
替换后得到下载地址
https://storage.googleapis.com/chromium-browser-snapshots/mac/579032/chrome-mac.zip
下载后解压,放在项目目录中,这里我放在 chrome 下。
使用
这样就可以使用了。
使用代码
const puppeteer = require('puppeteer-core'); const path = require('path'); (async () => { const browser = await puppeteer.launch({ // 这里注意路径指向可执行的浏览器。 // 各平台路径可以在 node_modules/puppeteer-core/lib/browserfetcher.js 中找到 // mac 为 '下载文件解压路径/chromium.app/contents/macos/chromium' // linux 为 '下载文件解压路径/chrome' // windows 为 '下载文件解压路径/chrome.exe' executablepath: path.resolve('./chrome/chromium.app/contents/macos/chromium') }); const page = await browser.newpage(); await page.setviewport({ width: 375, height: 667, devicescalefactor: 1, ismobile: true }) await page.goto('https://marxjiao.com/'); await page.screenshot({path: 'marx-blog.png'}); await browser.close(); })();
执行文件
node index.js
执行后可看到,图片已经截图出来了
代码地址:https://github.com/marxjiao/puppeteer-test
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
荐 超强的入门文章 !!! JavaScript 速成计划第二篇(杂项详解:JS操作HTML 与 CSS、异常、事件)!
教你搭建 nodejs+mongoose+Graphql+Vue+Typescript 框架(上)
【Nginx】如何为已安装的Nginx动态添加模块?看完我懂了!!
网友评论