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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/529622.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html hover效果下拉个框,关于下拉菜单(CSS)中,“:hover”样式的设置问题?

各位大大,请帮忙解决一下这个问题,先谢谢!由于之前的代码不是全部帖出,可能造成一点信息误解。以下是针对这个问题另外写的代码:.nav {width: 50px;height: 50px;overflow:hidden;background-color: #09F;transition: …

计算机基础知识离线作业答案,浙大远程教育计算机离线作业1.计算机基础知识题...

浙大远程教育计算机离线作业1.计算机基础知识题第1章 计算机基础知识(单选题)这些题目必须做一遍,来自统考题库(期末考试题也多半出在这里),参考答案在另一个Word文档中(上传自己做的答案后才可以下载…)。据说,统考题库中大约有10,000测试题…

go 生成hash_go基础之map-写在前面(一)

为什么分析map在计算机编程语言当中,用的最多的数据结构估计就是map。map以他近乎o(1)的查找效率和修改效率让他在大多数场景下都比较受青睐。map的常规的实现方式都是hash其他数据结构,如java是hash红黑树,而我现在即将要分析的go的实现方式…

大学数学建模大赛是用计算机,北京大学第十届“江泽涵杯”数学建模与计算机应用竞赛试题...

消息来源:http://www.math.pku.edu.cn:8000/news/read.php?newsid8014A题:投篮问题投篮是篮球运动中一项关键性技术,是一项重要的得分手段。在篮球赛中有三种特殊的投篮方式,“三分球”、“两分球”和“一分球(罚篮)”。其中&…

dynamo方程怎么写_【简明自控】为什么特征方程如此重要

简明自动控制——为什么特征方程如此重要。热场视频:自平衡杆-双轴反作用轮倒立摆_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com顶个棍子!具有主动脚轮的全向移动机器人_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com我自行车怎么少…

用户计算机可以通过电话拨号,用户计算机可以通过大型局域网、小型局域网、无线连接、电话拨号和()等方式接入Internet。...

_在保险合同中,用于体现保险利益载体的保险对象条款,被称为()条款。何为C/H比?原料中的C/H比与原性能的关系是什么?选址意见书、规划条件、建设用地规划许可证、建设工程规划许可证的有效期为()福建木偶戏颇负盛名,以(…

和佳股份有没有纳米机器人_新高赛复赛入围项目(49)一种纳米硅质绝热材料及其制备方法...

点击上方“蓝字”关注我们“2020中国山东新旧动能转换高价值专利培育大赛”(简称“新高赛”)是由山东省市场监督管理局(知识产权局)主办,由山东省知识产权事业发展中心、知识产权出版社有限责任公司共同承办的以新旧动能转换高价值专利培育为主题的创新大赛。新高赛…

分数乘整数计算机在线应用,分数乘整数应用题.doc

分数乘法应用题【知识要点】求一个数的几分之几是多少和求一个数的几倍是多少的分数应用题的解题思路和解答方法。1、一本书100页,看了,看了多少页?想:看了,是看了 的,就是把 看作单位“1”,求看…

mastercam加工报表生成_2020北京加工中心编程培训工厂教学行业

2020北京加工中心编程培训工厂教学行业河北德玛数控培训自办工厂 全程四轴五轴实践 学生直接面对客户 承揽加工各种异形件复杂件 终身技术支持 可勤工俭学 解决企业各种技术问题,每个校区都有实训车间,实训图档不限、不限、时间不限、并且不另收费&#…

背景调查 跳槽_分享 | 录用背景调查,查的到底是什么?

招聘对于HR而言,是一项常规工作,同时也是一项非常重要的工作,招聘有一系列的步骤和程序,每一道步骤和程序都必不可少,显得那么的重要,这其中包括我们常说的笔试、面试、体检,还包括不常说的正式…

html链接word,word添加网址超链接方法

word添加网址超链接方法大家对于超链接都了解吗?那么在word中应该如何设置超链接呢?下面是小编分享给大家的word添加网址超链接方法,希望对大家有帮助。1、直接拖动选定文本这个方法是最简单的方法,在word文档中直接拖动鼠选定的文…

.class文件转换.java_Java中的动态链接VS操作系统动态链接

在操作系统OS中为了优化内存的使用会采用一种动态链接方式,一个文件想要在操作系统中运行必须经过编译、汇编译、链接、装载等步骤。可以参考Java程序是怎么跑起来的。本篇主要讲解Java栈帧中动态链接部分与操作系统的的动态链接的区别与联系操纵系统为什么需要动态…

计算机组成原理与应用,计算机组成原理简答与应用

简答与应用1.何谓中断??中断是由外围设备或其他非预期的急需处理的事件引起的,CPU暂时中断正在执行的程序,转至另一服务程序去处理这一事件,待事件处理完毕后返回原程序继续执行。2.(不算CPU中的寄存器级)存…

宏观经济学gdp计算方法_宏观经济学考研的重要考点

宏观经济学考研重要考点西方国民收入核算宏观经济学的特点;国内生产总值;核算国民收入的两种算法(支出法和收入法);国内生产总值;个人可支配收入;国民收入的基本公式;名义GDP和实际GDP。要求:重点掌握本章基本概念及计算。简单国民收入决定理论均衡产出;凯恩斯的消费…

大学计算机基础试题 选择题,大学计算机基础试题选择题

大学计算机基础试题选择题第一章1. 世界上第一台全自动电子数字计算机ENIAC的诞生时间是( )A. 1945年 B. 1946年 C. 1948年 D. 1949年2. 第一位提出“存储程序”思想的科学家是( )A. 图灵 B. 莱布尼茨 C. 冯诺伊曼 D. 帕斯卡3. 电子计算机四个发展阶段的划分依据是( )不同A. 电…

json符号解释大全_牛年汪姓男孩高端大气的名字大全

牛年汪姓男孩高端大气的名字大全 张桉宁起名分享牛年汪姓男孩高端大气的名字大全:给男孩起名有很多的讲究,需要从多个方面考虑。牛年汪姓男孩如何起一个高端大气的好名字,是家长朋友们都十分重视的。给牛年的汪姓男孩起一个高端的名字&#x…

变电站计算机在线监控系统,变电站环境在线监测系统

原标题:变电站环境在线监测系统概述随着计算机技术、网络通讯技术以及电力系统保护技术的发展,配电室的自动化运行水平不断提高,大大减少了人为操作,使配电室的无人值守逐步变成了可能。配电的可靠和安全是整个电能管理系统中的一…

什么意思是谁_舔狗是什么意思?如果不是真的喜欢谁又愿意做舔狗呢出处?

[海峡网]网络上面经常会出现一些新的词句,比如最近舔狗这个词就经常出现在大家的视线中。相信很多小伙伴都知道,最近关于虎牙的包子的事情也是挺多的,不过关于包桑的梗也是很多,那么关于包桑的这句“如果不是真的喜欢,…

计算机控制面板图标显示,Win8桌面如何有计算机/控制面板图标

Win8桌面如何有计算机/控制面板图标2013年06月04日 00:44作者:马承平编辑:马承平文章出处:泡泡网原创分享泡泡网系统工具频道6月4日 全新Windows8系统给我们带来不仅是超炫的动态磁贴展示,更有新增超级按钮项,它大大集…

【Android 13】使用Android Studio调试系统应用之Settings移植(二):构建settings app项目目录

文章目录 一、篇头二、系列文章2.1 Android 13 系列文章2.2 Android 9 系列文章2.3 Android 11 系列文章三、准备工作3.1 创建目录3.2 初始化 git 仓库四、提取settings原始代码4.1 提取目标4.2 源码路径4.2.1 settings app4.2.2 SettingsLib4.3 存放位置