手动下载Chrome并解决puppeteer无法使用问题
更新时间：2018年11月12日 08:30:25 作者：Marx
本篇文章主要介绍了手动下载Chrome并解决puppeteer无法使用问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
因为网络原因，国内安装 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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了nvm mac 环境搭建过程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
本篇文章主要介绍了Node调用Java的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
基于NodeJS的前后端分离的思考与实践（三）轻量级的接口配置建模框架
Node在整个环境中最重要的工作之一就是代理这些业务接口，以方便前端(Node端和浏览器端)整合数据做页面渲染。如何做好代理工作，使得前后端开发分离之后，仍然可以在流程上无缝衔接，是我们需要考虑的问题。本文将就该问题做相关探讨，并提出解决方案。2014-09-09
这篇文章主要介绍了详解Node.js使用token进行认证的简单示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要为大家分享了Node.js操作Firebird数据库教程，思路清晰便于大家理解，感兴趣的小伙伴们可以参考一下2016-03-03
express.js如何做mysql注入与node-mysql中防止SQL注入方法解析
这篇文章主要介绍了express.js如何做mysql注入与node-mysql中防止SQL注入方法,结合实例形式分析了express框架使用mysql数据库过程中SQL注入的原理与防范技巧,需要的朋友可以参考下2023-05-05
这篇文章主要为大家介绍了有了ChatGPT编程我们还需要使用那么多的库吗的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
本文主要介绍了在koa中简单使用Websocket连接的方法示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
本文先介绍原生的node.js实现命令行交互，了解原生的api,然后通过commander.js和inquirer.js实现一个完整的交互命令行工具。感兴趣的朋友跟随小编一起看看吧2019-05-05
Node.js是一个Javascript运行环境(runtime)。本文给大家介绍Node.js+Express配置入门教程，值得推荐给大家，感兴趣的朋友一起学习吧2016-05-05
最新评论