使用phantomjs对网页进行截图遇到的问题

问题描述:

使用的phantomjs版本:phantomjs-2.1.1-windows

使用的截图js文件,\phantomjs-2.1.1-windows\examples\rasterize.js

使用的java驱动代码:

package mackimg;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStream;import java.io.InputStreamReader;/** * @Description:根据网页地址转换成图片 * @Author: admin * @CreateDate: 2018年6月22日 */public class PhantomTools {    private static String tempPath = "F:/phantomjs";// 图片保存目录    private static String BLANK = " ";    // 下面内容可以在配置文件中配置    private static String binPath = "D:/phantomjs-2.1.1-windows/bin/phantomjs.exe";// 插件引入地址    private static String jsPath = "D:/phantomjs-2.1.1-windows/rasterize.js";// js引入地址     // 执行cmd命令    public static String cmd(String imgagePath, String url) {        return binPath + BLANK + jsPath + BLANK + url + BLANK + imgagePath;    }    //关闭命令    public static void close(Process process, BufferedReader bufferedReader) throws IOException {        if (bufferedReader != null) {            bufferedReader.close();        }        if (process != null) {            process.destroy();            process = null;        }    }        /**     * @param userId      * @param url     * @throws IOException      */    public static void printUrlScreen2jpg(String url) throws IOException{        String imgagePath = tempPath+"/"+System.currentTimeMillis()+".png";//图片路径        //Java中使用Runtime和Process类运行外部程序        Process process = Runtime.getRuntime().exec(cmd(imgagePath,url));        InputStream inputStream = process.getInputStream();        BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream));        String tmp = "";        while ((tmp = reader.readLine()) != null) {              close(process,reader);        }        System.out.println("success");    }        public static void main(String[] args) throws IOException {        String url = "https://www.baidu.com/";//以百度网站首页为例        PhantomTools.printUrlScreen2jpg(url);    }}

以上可以参考文章:

运行之后出现异常:

Exception in thread "main" java.io.IOException: Stream closed    at java.io.BufferedReader.ensureOpen(BufferedReader.java:122)    at java.io.BufferedReader.readLine(BufferedReader.java:317)    at java.io.BufferedReader.readLine(BufferedReader.java:389)    at mackimg.PhantomTools.printUrlScreen2jpg(PhantomTools.java:48)    at mackimg.PhantomTools.main(PhantomTools.java:59)

更换网址:

String url = "http://www.cnblogs.com/han108/p/9216583.html";

能正常运行,但是后台没有图片.

更换js文件

我在网上看了别人用的另一个js文件,我命名为22.js.内容是:

var page = require('webpage').create(),    system = require('system'),    address, output, size;if (system.args.length < 3 || system.args.length > 5) {    console.log('Usage: rasterize.js URL filename');    phantom.exit(1);} else {    address = system.args[1];    output = system.args[2];    page.viewportSize = { width: 600, height: 600 };    page.open(address, function (status) {      // 通过在页面上执行脚本获取页面的渲染高度      var bb = page.evaluate(function () {         return document.getElementsByTagName('html')[0].getBoundingClientRect();       });      // 按照实际页面的高度，设定渲染的宽高      page.clipRect = {        top:    bb.top,        left:   bb.left,        width:  bb.width,        height: bb.height      };      // 预留一定的渲染时间      window.setTimeout(function () {        page.render(output);        page.close();        console.log('render ok');      }, 1000);    });}

使用百度链接,抛出上面提到的异常.后台没有图片

使用cnblogs链接,抛出上面的异常,后台有图片

问题分析

不懂,不知道,去他妈的

问题解决

把代码更改为:

while ((tmp = reader.readLine()) != null) {          }close(process,reader);

可以解决抛出异常和后台无法获取图片的问题,但是如果使用22.js,会出现程序运行完无法自动停止的问题.

注意到,22.js文件最后几行:

window.setTimeout(function () {        page.render(output);        page.close();        console.log('render ok');      }, 1000);    });

js文件执行完会发送一句"render ok",这就导致java代码中的while ((tmp = reader.readLine()) != null)无法跳出,陷入阻塞状态,无法理解的是,此时自然无法执行到close(process,reader);,但是后台仍然可以获得图片.

如果此时把代码更改为:

while ((tmp = reader.readLine()) != null) {              close(process,reader);            break;        }

此时能正常运行,后台也有图片.

按照第二种更改后的条件下,在把js文件更改为:\phantomjs-2.1.1-windows\examples\rasterize.js,程序能正常运行,后台有图片;