PhatomJS截取整个网页屏幕为一张图片

  1.PhatomJS其实就是一个没有界面的浏览器,最主要的功能是能够读取js加载的页面。

  2.安装PhantomJS。在官网上下载http://phantomjs.org/download.html,根据自己系统的不同选择对应的版本。下载完之后解压到你存放软件的位置,并配置环境变量。

  3.根据PhantomJS官方英文文档上的例子,就可以做到截取整个网页屏幕。

var page = require(‘webpage‘).create();
page.open(‘http://music.163.com/‘, function(status) {
    console.log("status: " + status);
    if(status === "success") {
        page.render(‘music.png‘);
    }
    phantom.exit();
});

  创建上述js文件,进入js文件所在文件夹中,在命令行文件中运行:phantomjs 你的文件名.js,等待片刻,就可以发现js文件所在的文件夹中出现了一张名为music.png的图片。

原文地址:https://www.cnblogs.com/sakurayj/p/10168437.html

时间: 2024-11-07 21:34:27

PhatomJS截取整个网页屏幕为一张图片的相关文章

使用JavaScript为一张图片设置备选路径

在做网页开发的时候,有时候希望给图片设置一个备选路径,即,当src属性对应的主路径加载失败的时候,图片可以马上切换到备选路径.这样,即使主路径失效了,显示备用路径也不会影响网页的正常体验. 注意到网页中一张图片加载失败会触发error事件,因此可以使用DOM模型中的load和error事件实现这一效果. src1='main/image.jpg' //主路径 src2='another/image.jpg' //备用路径 jQuery 1.8以前 使用load和error方法捕捉事件 $('#i

Swing 将显示好的JPanel保存为一张图片

在JFrame中添加如下代码 //自己的JPanel DrawPanel drawPanel = new DrawPanel(list, width, height, start, end); // 必须要有大小 drawPanel.setSize(width, height); BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics2D g2 = image.cre

谷歌浏览器怎么截取整个网页

谷歌浏览器怎么截取整个网页 标签:谷歌 1 2 3 4 5 6 7 分步阅读 google浏览器要截取整个网页,需要安装一个插件才能实现截图,请看下面的介绍. 工具/原料 谷歌截图插件 安装google截图插件步骤: 1 点击最右上角图标,选择“工具”下的“扩展程序”. 2 进入后,点击最下面的“获得更多扩展程序”. 3 在搜索框中输入“截图”,找到图中截图工具,然后点击“免费”,即安装. 4 弹出如下对话框,点击安装即可. 5 安装成功后,浏览器最右边会个图标,如图. 6 在截图之前,先来设置

浏览器网页屏幕正文宽和高

console.log("网页可见区域宽" + document.body.clientWidth); console.log("网页可见区域高" + document.body.clientHeight); console.log("网页可见区域宽(包括边线宽)" + document.body.offsetWidth); console.log("网页可见区域高(包括边线高)" + document.body.offset

怎样截取超过电脑屏幕大小的图片(长图)

本次操作需要接触截图软件工具:Snagit  我使用的是Snagit 11版本的 下载地址:http://pan.baidu.com/s/1dDnLUY9 操作过程中出现长时间等待,则操作不成功. 下图就是用Snagit 11软件截图Word的效果,曾尝试截取360浏览器长度过长的网页,结果截图失败. 本次操作需要接触截图软件工具:Snagit  我使用的是Snagit 11版本的 下载地址:http://pan.baidu.com/s/1dDnLUY9 操作过程中出现长时间等待,则操作不成功.

网页屏幕尺寸相关整理

clientWidth是对象看到的宽度(不含边线,即border)scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离).offsetWidth是指对象自身的宽度,整型,单位像素(含边线,如滚动条的占用的宽,值会随着内容的输入而不断改变). scrollHeight: 获取对象的滚动高度.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获

Js/Jquery获取网页屏幕可见区域高度

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下. 1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clientWidth ==> 可见区域宽度 4 document.documentElement.clientHeight ==> 可见区域高度 5 6 document.body.clien

js获取网页屏幕可见区域高度

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHei

【转载】实用的Javascript获取网页屏幕可见区域高度

本文转载原地址:这里 1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clientWidth ==> 可见区域宽度 4 document.documentElement.clientHeight ==> 可见区域高度 5 6 网页可见区域宽: document.body.clientWidth 7 网页可见区域高