美文网首页我爱编程
phantomjs实现网页截屏

phantomjs实现网页截屏

作者: loycoder | 来源:发表于2017-11-09 17:00 被阅读64次

最近做项目,需要实现网页抓屏。摸索后,决定采用phantomjs 实现。
phantomjs 的功能很强大,做爬虫应用,抓取网页数据、网页截屏、页面访问自动化等。
主要是 针对 抓屏的 demo实现.

php 代码:

<?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2017/11/9 0009
* Time: 下午 4:41
*/

$dir = '';

$cmd = "{$dir}phantomjs --output-encoding=utf-8 ";

$js = $dir . "imagebin.js ";

$url = " http://baidu.com ";

$img_path = 'test.jpg';

$parms = " 795*1110px ";

$ssl = "{$cmd}{$js}{$url}{$img_path}{$parms}";

exec($ssl, $log, $status);

JS 代码:

var page = require('webpage').create(),
    system = require('system'),
    address, output, size;

//system 获得系统操作对象,包括命令行参数、phantomjs系统设置等信息
// page获取操作dom或web网页的对象,通过它可以打开网页、接收网页内容、request


if (system.args.length < 3 || system.args.length > 5) {
    console.log('Usage: rasterize.js URL filename [paperwidth*paperheight|paperformat] [zoom]');
    console.log('  paper (pdf output) examples: "5in*7.5in", "10cm*20cm", "A4", "Letter"');
    console.log('  image (png/jpg output) examples: "1920px" entire page, window width 1920px');
    console.log('                                   "800px*600px" window, clipped to 800x600');
    phantom.exit(1);
} else {
    address = system.args[1];
    output = system.args[2];
    page.viewportSize = {width: 600, height: 600};
    if (system.args.length > 3 && system.args[2].substr(-4) === ".pdf") {
        size = system.args[3].split('*');
        page.paperSize = size.length === 2 ? {width: size[0], height: size[1], margin: '0px'}
            : {format: system.args[3], orientation: 'portrait', margin: '1cm'};

    } else if (system.args.length > 3 && system.args[3].substr(-2) === "px") {
        size = system.args[3].split('*');

        // console.log(size);
        // phantom.exit(1);

        if (size.length === 2) {
            pageWidth = parseInt(size[0], 10);
            pageHeight = parseInt(size[1], 10);
            page.viewportSize = {width: pageWidth, height: pageHeight};
            page.clipRect = {top: 10, left: 10, width: pageWidth, height: pageHeight};
        } else {
            console.log("size:", system.args[3]);
            pageWidth = parseInt(system.args[3], 10);
            pageHeight = parseInt(pageWidth * 3 / 4, 10); // it's as good an assumption as any
            console.log ("pageHeight:", pageHeight);
            page.viewportSize = {width: pageWidth, height: pageHeight};
        }
    }
    if (system.args.length > 4) {
        page.zoomFactor = system.args[4];
    }

    page.open(address , function (status) {
        if (status !== 'success') {
            console.log('Unable to load the address!');
            phantom.exit(1);
        } else {
            window.setTimeout(function () {
                page.render(output);
                phantom.exit();
            }, 200);
        }
    });
}


附 下载地址:

http://download.csdn.net/download/u012423557/10111897

相关文章

网友评论

    本文标题:phantomjs实现网页截屏

    本文链接:https://www.haomeiwen.com/subject/czcmmxtx.html