zoukankan      html  css  js  c++  java
  • 黄聪:PhantomJS在Windows7下实现网站自动下载截图

    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 = {  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、得到截图

  • 相关阅读:
    Greenplum使用简明手册
    VMware虚拟机下实现Linux与window文件夹共享
    SSH实现在WIN7系统下访问虚拟机中的Linux系统
    转_Greenplum 数据库安装部署(生产环境)
    政府大数据平台定位(转)
    国内外政府大数据六大典型应用
    从数据仓库到大数据,数据平台这25年是怎样进化的?
    转_【大话IT】你离大数据架构师有多远?
    js时间格式化和相互转换
    矢量图(字体图标)
  • 原文地址:https://www.cnblogs.com/huangcong/p/3027654.html
Copyright © 2011-2022 走看看