Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行。

demo只支持将简单不需要翻页,不需要登陆的页面转换为图片

需要node环境,以及npm或cnpm包管理工具(自行百度)

开始

进入一个新的项目目录,命令模式进入项目目录

npm init

然后一直回车,内容可不填。

修改 package.json 文件为下面的内容:

//package.json

{

"name": "html_to_png",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"start": "node index.js",

"test": "echo \"Error: no test specified\" && exit 1"

},

"author": "",

"license": "ISC",

"dependencies": {

"puppeteer": "^2.1.1"

}

}

安装依赖

npm install

在项目根目录下创建index.js文件

// index.js

// 引入puppeteer

const puppeteer = require('puppeteer');

// 需要生成的图的文件名

const fileName = 'example.png';

// html网络地址

const url = 'https://www.jianshu.com/p/5abd81129f8c';

(async () => {

const browser = await puppeteer.launch({

defaultViewport: {

width: 1600,

height: 937

},

});

const page = await browser.newPage();

await page.goto(url);

await page.screenshot({ path: fileName, fullPage: true });

await browser.close();

})();

运行

npm run start

等待几秒后,如果在项目目录下生成图片,说明成功了。

node将图片转换成html文件,node+puppeteer将整个网页html转换为图片并保存【滚动截屏】...相关推荐

  1. python图片转换成文字_Python输出汉字字库及将文字转换为图片的方法

    用python输出汉字字库问题1:假设我们知道汉字编码范围是0x4E00到0x9FA5,怎么从十六进制的编码转成人类可读的字呢? 问题2:怎么把unicode编码的字写入文件呢,如果直接用open() ...

  2. 海思AI芯片(Hi3519A/3559A)方案学习(十四)JPEG图片转换成bgr文件

    原文:https://blog.csdn.net/avideointerfaces/article/details/89931156 前言 在系列文章海思AI芯片(Hi3519A/3559A)方案学习 ...

  3. JAVA 将图片转换成pdf文件

    /** * 将图片转换成pdf文件 *imgFilePath 需要被转换的img所存放的位置. 例如imgFilePath="D:\\projectPath\\55555.jpg" ...

  4. jpg图片转换成pdf文件,方法步骤

    如何把jpg图片转换成pdf文件?近期有不少小伙伴问我,能不能把jpg图片转换成pdf文件,让自己的jpg图片文件能稳定的在不同系统查看使用,这样也就避免了因jpg图片多和格式问题而导致的的打开慢或打 ...

  5. 利用MATLAB将图片转换成coe文件、TXT文件、mif文件、bin文件

    利用MATLAB将图片转换成coe文件.TXT文件.mif文件 利用MATLAB将图片转换成coe文件 利用MATLAB将图片转换成txt文件 利用MATLAB将图片转换成mif文件 利用MATLAB ...

  6. 怎么把图片转换成PDF文件?

    为什么要把图片转换成PDF文件?很多小伙伴可能在工作中接触到大量的图片,但是在工作中,我们无论是自己查阅.发送给别人还是存档,对于数量过多的图片来说是非常不方便的,如果能将同类型的图片转换成PDF格式 ...

  7. 将图片转换成svg文件,自定义icon小图标,svg速成

    将图片转换成svg文件,自定义icon小图标,svg速成 一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件 总结 一.svg是什么? SVG是一种图像文件格式,它的 ...

  8. 怎么将JPG格式的图片转换成PDF文件?

    图片是我们日常分享的一部分,但如果作为正式文件对外发布的话,零散的图片显然是不适合的,那应该怎么办呢?小编觉得将图片转换成PDF文件是非常有必要的,下面小编就把具体的操作步骤教给大家,一定要仔细学习哦 ...

  9. python 图片转换成py文件

    python 图片转换成py文件 app.png 图片转为py文件.py import base64def pic_to_py(path_):"""将图像文件转换为py文 ...

最新文章

  1. wps表格粗线和细线区别_学术论文表格制作方法解读
  2. 自定义Docker容器的 hostname
  3. Android 进程间通信 实例分析
  4. CSP认证201403-2窗口[C++题解]:模拟、结构体
  5. 对于知识的可连接性的理解
  6. 一张图看懂AI、机器学习、深度学习的关系
  7. 浅谈PHP语音里的流程控制及实现方法
  8. mysql三高讲解(一):1.2 一个sql语句的执行过程
  9. codis codis-ha主从切换后服务器标记为offline
  10. how to make jelly effect on belly in maya
  11. Python可视化深度图
  12. jQuery遮罩插件 jquery.blockUI.js
  13. 尔雅 2017大学计算机基础答案,2018超星尔雅大学计算机基础答案
  14. 手工制作夜光星星的方法
  15. 基于单片机的数字万年历设计
  16. DAOS 源码解析之 daos_api
  17. 石英晶振的特点及主要参数
  18. PX4仿真时,如何在Gazebo下添加物理环境
  19. android项目开发教程,Android项目开发教程
  20. Css字体中英文对照表

热门文章

  1. 最快60秒完成新冠病毒核酸对比 阿里云向社会免费开放基因计算服务
  2. 实操教程丨如何将一个k3s集群集成到Gitlab项目中
  3. 推动边缘计算的七项核心技术
  4. cloud一分钟 | 李飞飞离任谷歌云,工作重心将重新转回学术界
  5. java 电子编号生成器_业务编号生成器
  6. mysql sysdate本周_oracle 、mysql 取昨天 前天 本周 数据
  7. 限制在同一台电脑上只允许有一个用户登录
  8. oracle中如何创建表的自增ID(通过序列)
  9. 怎么去除idea中代码的波浪线(黄色警告线)
  10. IDEA不能下载插件