puppeteer 安装时跳过 chrome 安装的方法

[隐藏]

puppeteer 安装时跳过下载 chrome

在项目目录里安装 puppeteer 时，都会下载 Chromium。这个慢不说，也会造成重复下载、耗时过长等问题。那么可以这么来做跳过 Chromium 的下载：

 
         npm  
         install 
         puppeteer --ignore-scripts

然后在脚本中通过配置项 executablePath，指定 Chromium 所在的位置（也可以指定为本地 Chrome 浏览器安装的地址）。示例：

 
         const puppeteer = require( 
         'puppeteer' 
         ); 
        
         puppeteer.launch({ 
        
         headless:  
         false 
         , 
        
         // executablePath: 'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe', 
        
         executablePath:  
         'C:\\Program Files\\nodejs\\node_modules\\puppeteer\\.local-chromium\\win64-508693\\chrome-win32\\chrome.exe' 
        
         }).then( 
         async 
         browser => { 
        
         const page =  
         await 
         browser.newPage(); 
        
         await 
         page.goto( 
         'https://lzw.me' 
         ); 
        
         await 
         page.screenshot({path:  
         'lzwme.png' 
         }); 
        
         browser.close(); 
        
         }). 
         catch 
         (err => { 
        
         console.log(err); 
        
         });

提示：

当前淘宝仓库已经有该镜像，可以通过设置环境变量方式从该镜像地址进行下载安装。命令示例：

 
         # window 
        
         set 
         PUPPETEER_DOWNLOAD_HOST=https: 
         //npm 
         .taobao.org 
         /mirrors 
        
         npm  
         install 
         puppeteer

手动下载 chrome

有的同学可能会问，在墙里下载不到开发版的 chrome 怎么办。翻看仓库源码可以得知，下载地址是这样的：

 
         const downloadURLs = { 
        
         linux:  
         'https://storage.googleapis.com/chromium-browser-snapshots/Linux_x64/%d/chrome-linux.zip' 
         , 
        
         mac:  
         'https://storage.googleapis.com/chromium-browser-snapshots/Mac/%d/chrome-mac.zip' 
         , 
        
         win32:  
         'https://storage.googleapis.com/chromium-browser-snapshots/Win/%d/chrome-win32.zip' 
         , 
        
         win64:  
         'https://storage.googleapis.com/chromium-browser-snapshots/Win_x64/%d/chrome-win32.zip' 
         , 
        
         };

选择对应的平台，将 %d 替换成具体的编号，然后使用迅雷这种 P2P 下载即可。这个编号可以从 puppeteer/package.json 中的 puppeteer.chromium_revision 字段获得。

另外，你也可以从淘宝镜像仓库进行下载，地址如下：

https://npm.taobao.org/mirrors/chromium-browser-snapshots/

关于 puppeteer

在以前，当需要进行无界面的浏览器自动访问网站执行动作时，大都会选择 phantomjs 或 SlimerJS。

在 https://lzw.me/a/slimerjs-phantomjs-casperjs.html 这篇文章中我们对 phantomjs 进行了简单的使用介绍。

puppeteer 则是 chrome 官方团队出品的同类工具。当 puppeteer 出来后，phantomjs 即宣布不再继续开发维护。puppeteer 的使用很简单，功能更丰富，可以通过脚本实现各种自动化功能需求。

本文不对 puppeteer 具体使用作详细介绍。关于 puppeteer 的使用示例可参考这几篇文章：

https://github.com/laispace/puppeteer-explore
https://github.com/zhentaoo/puppeteer-deep
https://cloud.tencent.com/community/article/529168
https://github.com/GoogleChrome/puppeteer