PhantomJS在Windows7下实现网站自动下载截图

转载 2015年01月07日 15:17:15

1. phantomjs介绍

基于Javascript驱动的命令行webkit引擎,轻量级,安装简单,开发快速,渲染速度较快,无界面的webkit浏览器。 phontomjs跟一般浏览器一样可以加载网页,但不同的是它不会把网页显示出来,在加载网页后它会提供一系列的Javascript API给程式人员使用,包括DOM元件的控制﹑CSS的选择器﹑JSON﹑HTML5的Canvas和SVG﹗你可能会问这有什么特别,首先由于它没有显 示,所以非常之快。另外由于有完整的DOM和CSS控制,你可以很方便地抄录其他网页的资料,包括图片﹗举例说你希望每日都把GOOGLE的首页插图抄下 来,你就可以简单的写一个程式,加载google.com后把特定的画面大小和位置储存成图片,再用Cron等Scheduler定期执行,不用每天开启 浏览器再屏幕截图了。

2. phantomjs应用场景

web回归测试
网页截图,png,pdf
网络状况监控

3. phantomjs网页截图

1、到这里下载phantomjs的Windows版本:http://phantomjs.org/download.html

2、下载后解压,得到以下东西:

3、右键->新建一个文件,命名为snap.js,里面输入如下内容:

复制代码
var page = new WebPage(),
    address, output, size;

if (phantom.args.length < 2 || phantom.args.length > 3) {
    console.log('Usage: rasterize.js URL filename');
    phantom.exit();
} else {
    address = phantom.args[0];
    output = phantom.args[1];
    page.viewportSize = { width: 600, height: 600 };
    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('Unable to load the address!');
        } else {
            window.setTimeout(function () {
                page.render(output);
                phantom.exit();
            }, 200);
        }
    });
}
复制代码

 

4、在文件夹空白处-->右键-->在此处打开命令窗口

 

5、输入如下代码:

phantomjs snap.js http://hao123.com hao123.png

6、回车后得到如下运行状态:

7、得到截图

来自作者:黄聪   出处:http://www.cnblogs.com/huangcong/

使用phantomjs对页面进行截图

文章参考了使用phantomjs操作DOM并对页面进行截图需要注意的几个问题
  • hwwzyh
  • hwwzyh
  • 2014年09月10日 19:42
  • 24390

Python使用Phantomjs截屏网页

#!/usr/bin/python # -*- coding:utf8 -*- from selenium import webdriver import os driver1 = webdriv...
  • Blackrosetian
  • Blackrosetian
  • 2017年07月14日 17:49
  • 1527

linux64位使用phantomjs获取页面截图

linux64位使用phantomjs获取页面截图: 安装: 官网:http://phantomjs.org/download.html 如果下载慢,可以搜索相应包的下载地址,比如linux...
  • hbuxiaoshe
  • hbuxiaoshe
  • 2016年07月21日 23:35
  • 3359

phantomjs设置截图大小

phantomjs是一个无界面的浏览器,基于webkit内核,输入一个url,可以返回该url的完整截图,或指定区域的截图 获取页面长宽高 var bb=page.evaluate(functio...
  • liumengyan_ysu
  • liumengyan_ysu
  • 2015年09月15日 10:59
  • 4246

基于phantomJs的Java后台网页截图技术

  • ontologyFhcj
  • ontologyFhcj
  • 2017年02月14日 14:24
  • 4374

phantomjs对页面的某个div截图

昨天写了一篇《对网页进行截图》,今天在家想了想,在项目中,我们为了导出hightcharts做的图在报告中用,我们更好的方式是对某个div进行截图,所以趁着周天,边查资料边改造,把昨天的那个项目改成了...
  • lilovfly
  • lilovfly
  • 2017年07月23日 17:02
  • 875

网页截图方案selenium/phantomjs

web项目中有时候会需要将网页截图并保存,这里介绍两种解决方案,使用selenium或phantomjs都可以达到目的。 #使用selenium 需要的相关程序和jar包可以到这里下载:https:/...
  • java_zys
  • java_zys
  • 2016年06月28日 20:36
  • 3807

Phantomjs截图乱码

在centos中执行:yum install bitmap-fonts bitmap-fonts-cjk 在ubuntu中执行:sudo apt-get install xfonts-wqy...
  • u012358984
  • u012358984
  • 2015年08月17日 14:15
  • 945

phantomJS区域截图及保存文本的简单例子

phantomJS区域截图只需要指定截图的上,左的起始位置,以及截图的宽高即可。 文本的处理,只需要在page.evaluate()函数中,通过dom选择器,选择到需要输出的文字内容即可,同时也可以...
  • yx0628
  • yx0628
  • 2017年10月26日 16:11
  • 659

解决phantomjs截图失败,phantom.exit位置

刚刚学习使用phantomjs,根据网上帖子自己手动改了一个延时截图功能,发现延时功能就是不能执行,最后一点点排查出了问题。看代码: var page = require('webpage').cr...
  • sunshine3257
  • sunshine3257
  • 2017年04月12日 18:04
  • 892
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PhantomJS在Windows7下实现网站自动下载截图
举报原因:
原因补充:

(最多只允许输入30个字)