【杂谈】利用Puppeteer-core下载Chromium来减少TypeScript项目体积

最新推荐文章于 2024-07-07 22:11:41 发布
最新推荐文章于 2024-07-07 22:11:41 发布
阅读量560 收藏
点赞数
分类专栏： 杂谈 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19577209/article/details/121069853
版权

首先利用 puppeteer-core 里的函数 executablePath() 获得下载路径，然后通过下载路径获得 Chromium 当前平台和版本号，然后利用 BrowserFetcher 进行下载。

功能

此处用VS-Code插件作为展示，其他爬虫或者Electron平台等都类似，源码在此查看。
VS-Code里直接执行 Hello World 命令去激活插件，等待下载完成信息提示后，执行 Puppeteer Show 命令去调用无头浏览器即可。
演示

环境需求

  • Puppeteer-core 而不是 Puppeteer.

Enjoy!

东方怂天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Puppeteer + TypeScript 模拟 Ctrl + A 操作
VirusScanLog的博客
08-13 697
使用Puppeteer + TypeScript 模拟 Ctrl + A 操作 在使用 puppeteer 第三方库进行前端UI自动化测试时，经常需要模拟部分的按键的操作，以下是模拟按键 Ctrl + A 操作，其他相关操作类似，具体代码如下： import puppeteer from 'puppeteer'; // 模拟 Ctrl + A async function controlA(page: puppeteer.Page) { await page.waitFor(1000) /
puppeteer-chromium-resolver:更快解决木偶和Chrome的工具
04-30
npm install puppeteer-chromium-resolver --save 用法 [异步]动态检测和下载Chrome ( async ( ) => { const PCR = require ( "puppeteer-chromium-resolver" ) ; const option = { revision : "" , ...
puppeteer-electron-quickstart：快速启动项目，用于从Electron应用程序中运行puppeteer库。 使用ES-6和babel
01-31
木偶电子快速入门 快速入门项目，可通过电子应用程序运行木偶库。 使用ES-6和babel。 入门 这些说明将为您提供在本地计算机上运行并运行的项目的副本，以进行开发和测试。 有关如何在实时系统上部署项目的注释，请参阅部署。 包装经理 纱线是建议的包装经理，因为电子也建议这样做。 正在安装 克隆项目 运行yarn下载所需的软件包 项目信息 电子应用 ：将从我们的电子应用程序运行的主文件 index.html：电子应用程序的用户界面。 当前仅包含将显示所有日志的div 在此文件中，我们需要加载所有自定义js文件。 这是通过copy-babel-output npm脚本完成的 木偶戏 为了在电子内部运行puppeteer，我们使用puppeteer-core库，该库使用客户端计算机中安装的chrome实例。 Puppeteer在初始化。 该脚本正在检查默认的Chrome补丁。 根据应用运行所在的操作系统，此路径为： 对于Windows：C：\ Program Files（x86）\ Google \ Chrome \ Application \ chrome.exe 对于Mac：
puppeteer-typescript-ts-jest-jest-assert：Puppeteer端到端测试自动化样板，使用TypeScript，ts-jest，Jest和Assert
02-15
木偶样板 Puppeteer端到端测试自动化样板，使用 ， ， 和 。 克隆或派生此存储库。 入门 1. git clone git@github.com:e2e-boilerplate/puppeteer-typescript-ts-jest-jest-assert.git 2. cd puppeteer-typescript-ts-jest-jest-assert 3. npm install 4. npm run test 有关更多样板，请单击
puppeteer 爬虫初探
最新发布
TangAcrab的博客
07-07 930
若要程序打开浏览器运行时，需手动指定电脑系统安装的。安装 puppeteer 会默认下载一个最新版本的。路径: 在 chrome 浏览器中输入地址。指定系统 chrome 浏览器路径。
解决puppeteer下载失败 Failed to download Chromium r515411
weixin_56307657的博客
12-13 3099
puppeteer 的下载问题不在自身，而在于其联动下载的 Chromium，Chromium 不能下载的原因众所周知，能科学上网其实也没这么麻烦了，如不能科学上网就需要找镜像了，配置 Chromium 的下载地址后完美解决。
分享一个nodejs+TypeScript+puppeteer编写的web爬虫 ppspider
chucan1381的博客
07-12 711
码云 Github 示例 import { AddToQueue, appInfo, DbHelperUi, FromQueue, Job, Launcher, logger, OnStart, RequestUtil } fro...
如何用Jest和TypeScript调用Puppeteer库
前端技术小哥
08-13 1024
客户端测试通常使用Selenium，它可自动执测试行任务。但是，您可能不需要Selenium那种重量级的或者那么多功能的框架。如果您正在寻找一种更轻巧，易于使用的工具...
puppeteer-cluster:Puppeteer Pool，并行运行实例集群
05-11
Puppeteer Cluster会重用Chromium，并在出现错误的情况下重新启动浏览器。 这个图书馆做什么？ 抓取错误的处理 发生崩溃时自动重启浏览器 如果作业失败，可以自动重试 可供选择的不同并发模型（页面，上下文，...
puppeteer-extra-plugin-angular：具有Angular同步支持的puppeteer-extra插件
02-06
Puppeteer Extra插件角度 插件，用于在Angular页面上提供同步支持的功能。 它支持从3.x版本开始的非页面。 安装 $ npm install --save puppeteer-extra-plugin-angular API参考 提供带有Angular同步支持的木偶功能。...
puppeteer-lottie:通过Puppeteer将Lottie动画渲染为图像，GIF或MP4
05-01
安装npm install --save puppeteer-lottie 如果要生成GIF ，还必须安装 。 在macOS上，您可以运行： brew install gifski 如果要生成MP4 ，还必须安装 。 在macOS上，您可以运行： brew install ffmpeg用法const ...
Puppeteer使用示例详解
01-01
PhantomJS曾经是无头浏览器里的王者，测试、爬虫等都在使用，随着GoogleChrome Headless的出现，PhantomJS的作者已经明确表示不在更新，而GoogleChrome Headless将会是未来爬虫的趋势，而测试将依然会使用Webdriver那套方案，GoogleChrome Headless可以利用WebDriver调用，也可以使用其集成的API——Puppeteer（操纵木偶的人），他的功能和他的名字一样强大，可以随意操控Chrome或Chromeium，缺点就是只有node的API,来看看他的图标： Puppeteer是基于DevTools协议来控制head
aws ec2 puppeteer测试工具配置
10 学习笔记
10-16 1345
配置puppeteer
Puppeteer开发过程中遇到的问题及解决方案
热门推荐
莫幽悠
12-10 1万+
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做
mac下使用puppeteer-core demo
Coffee coder
06-03 1333
因为本来电脑就有chrome，不想puppeteer装多一个chrome，于是只安装了puppeteer-core，那就需要在launch的时候，传入executablePath来指定chrome浏览器。因此，只要跑一次，手动登录一下，下回再跑脚本，就不需要手动登录了。当然，如果目标系统有做一些时效处理的话，可能下回再跑脚本，缓存过期还是得手动登录了。许久没用过puppeteer了，最近看了篇文章，貌似能解决puppeteer访问一些需要登录的系统时每次都要手动登录的麻烦。
puppeteer-core launch 卡住问题
japlus的博客
12-01 1157
执行到 await puppeteer.launch 会卡住。 安装对应版本的puppeteer解决。
配置puppeteer executablePath的正确姿势
the_old_boy的博客
03-31 4358
一般情况下使用**puppeteer.executablePath()**即可。 const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch({ executablePath:puppeteer.executablePath(), ...
【electron】Puppeteer 和 Electron 共用同一个Chrome 或 Chromium浏览器二进制文件
lichong951的专栏
09-01 1850
Puppeteer 和 Electron 可以共用同一个浏览器二进制文件
Electron + Vue中调用puppeteer报错：Cannot run puppeteer-core outside of Node.js
wol555c的博客
06-01 816
错误消息“Cannot run puppeteer core outside of Node.js”表示你正试图在Vue.js应用程序中使用puppeteer core，这是不受支持的，因为Vue.js在浏览器环境中的客户端上运行，而Puppeter core需要Node.js运行时。Electron + Vue开发过程中，在App.vue中调用puppeteer报错：Cannot run puppeteer-core outside of Node.js。
Error: Cannot find module 'puppeteer-core/internal/puppeteer-core.js'
05-31
这个错误通常是由于您的项目中缺少依赖项或者依赖项版本不兼容所致。您可以尝试以下方法解决这个问题： 1. 确保您的项目中已经安装了 puppeteer-core 包，可以通过运行命令 `npm install puppeteer-core` 进行安装。 2. 如果您的项目中已经安装了 puppeteer-core 包，那么可能是版本不兼容导致的问题。您可以尝试卸载当前的 puppeteer-core 包，然后重新安装一个较低版本的 puppeteer-core 包，比如 `npm install puppeteer-core@1.19.0`。 3. 如果以上方法都无法解决问题，那么可能是您的项目中缺少一些必要的依赖项。您可以尝试安装一些常见的依赖项，比如 `npm install chromium` 或者 `npm install @types/puppeteer-core`。 如果以上方法都无法解决问题，那么您可以查看一下您的代码，看看是否有其他的问题导致了这个错误。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值