位置: 编程技术 - 正文

node.js实现快速截图(node js教程)

编辑:rootadmin

推荐整理分享node.js实现快速截图(node js教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nodejs快速开发平台,node.js速成,node-js,node js教程,node快速入门,node.js快速入门,nodejs快捷键,nodejs快捷键,内容如对您有帮助,希望把文章链接给更多的朋友!

写文章的时候经常需要插入图片,插入现有的图片很简单,有时候制作一些优秀的网站列表的时候需要添加网页截图, 这个过程非常枯燥乏味,可以考虑开发一个命令行工具传入一个url,然后生成页面截图。

使用node-webshot进行网页截图

用到的npm模块有yargs和node-webshot,关于yargs的文章参考这里 从零开始打造个人专属命令行工具集——yargs完全指南 。

node-webshot是调用phantomjs来生成网页截图的,phantomjs是非常有名的npm项目,相当于一个脚本版的WebKit浏览器 ,通过phantomjs可以使用脚本 和网页进行交互,所以phantomjs经常用来进行网页自动化测试。

phantomjs会和普通的浏览器一样加载完整的网页内容,然后在内存里面进行渲染,虽然肉眼看不到它渲染的页面,但是通过生成图片就可以看到了,node-webshot使用的就是phantomjs的render接口来获取网页截图的。

node-webshot生成谷歌首页的示例代码:

那为什么不直接使用phantomjs呢&#;一个字懒!

另外node-webshot还对文件读写进行了简单的封装,相信任何熟悉node.js的开发人员,都能很简单的写出这样的接口,但是既然轮子好用就不要自己造了。

node-webshot流式调用的写法:

node-webshit还支持生成移动版的网页截图:

node.js实现快速截图(node js教程)

最后再把yargs和node-webshot进行集成,可惜这部分工作人家也帮我们做好了,直接安装就行。

使用desktop-screenshot进行系统截图

desktop-screenshot是一个跨平台的系统截图项目,用法和node-webshot类似,只是少了一个url参数。

这个是我的系统截图

问题是我用调用命令行的时候这个窗口也会出现在截图上面,而且没有太好的办法来去除这个窗口,系统截图还是使用windows自带的好用点。

图片优化

最后介绍两个图片优化的工具

imagemin

svgo

svgo使用用来优化svg图片,svg将会代替icon font成为新的趋势,

NodeJS远程代码执行 背景@Artsploit在挖PayPal的漏洞时,发现一处NodeJS代码执行,奖励$美金。测试varexpress=require('express');varapp=express();app.get('/',function(req,res){res.send('Helloeval(

node.js中 stream使用教程 这些日子跑去学了一下OC,但是还没有学成。离转行的时间还有很长,顺便回顾一下node的知识。每种语言来来去去的人很多,但我就离不开node。我并不

Node.js 日志处理模块log4js log4js是Node.js日志处理中的数一数二的模块。比起console或者TJ的debug有其优势,尤其针对投入生产的Node.js项目来说下面这些是不可少的:日志分级日志分

本文链接地址:https://www.jiuchutong.com/biancheng/370781.html 转载请保留说明!

上一篇:xtemplate node.js 的使用方法实例解析

下一篇:NodeJS远程代码执行(nodejs执行cmd命令)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络