PhantomJS & SlimerJS

PhantomJS

解决办法

snipaste_20170718_092652.png

** 将网页变成图片，生成pdf，超级好用 **
抓取图片，生成pdf

SlimerJS

下载

下载slimerjs

安装slimerjs

二者区别
PhantomJS的代码基本可以在SlimerJS上运行，用了PhantomJS之后还选择SlimerJS的主要原因是PhantomJS的onResourceReceived方法不能返回body，slimerJS要正确返回body有个很重要的配置：** page.captureContent = [/.*/]; **，要认真看document啊，不然整天的时间都会耗费在坑里。

从stack overflow上找到解决方法

接触到phantomjs和slimerjs的主要原因是因为框架从express 3.x升级到express 4.x 时生成report出现了诡异的error，因此追踪浏览器行为。在cmd启动slimerjs执行phtest.js

slimerjs phtest.js

以下是追踪request和response的代码phtest.js

var page = require('webpage').create();
var fs = require('fs');
var settings = {
   operation: 'POST',
   headers: {
           'app_key_pjs': '***'
   }
};
var requestBuf = 'Request : ';
var receiveBuf = 'Receive : ';
var temp1 = {};
var temp2 = {};
var pjs_login_url = "https://admin-dev.tmcas.trendmicro.com/pjs_login/aad0ae50-4b4c-11e7-a72a-f9fb4c6dbe68";
var generate_report_url = "https://admin-dev.tmcas.trendmicro.com/#!/logs/report/8fb4b3b0-6ac7-11e7-b38f-6dbe26a4fd8f";
page.captureContent = [/.*/];
page.onResourceRequested = function(request) {
        temp1 = {
        'id': request.id,
        'url': request.url,
        'method':request.method,
        'time': request.time,
        'postData': request.postData
        };
        console.log('Request ' + JSON.stringify(temp1, undefined, 4));

//  requestBuf += JSON.stringify(request, undefined, 4);
};
page.onResourceReceived = function(response) {
    //console.log('Receive ' + JSON.stringify(response, undefined, 4));
    temp2 = {
        'id': response.id,
        'url': response.url,
        'time': response.time,
        'stage':response.stage,
        'status':response.status,
        'statusText': response.statusText,
        'body': response.body
        };
    console.log('Receive ' + JSON.stringify(temp2, undefined, 4));
    //receiveBuf += response.id + ' : ' + response.url +'; body: ' +response.body + '\r\n';
};
phantom.cookieEnabled = true;
phantom.addCookie({
    'name': 'x-phantomjs-accept-language',
    'value': 'en',
    'domain':'10.0.11.253',
    'path':'/pjs_login'
});


page.open(pjs_login_url,'post','company_guid', {'app_key_pjs': '***'}, function(status){
    if(status !== 'success'){
        console.log('fail to pjs_login');
        phantom.exit();
    }else{
        console.log('success to pjs login');
        page.open(generate_report_url,function(status){
            if ( status !== 'success'){
                console.log('Fail to get logs');
                phantom.exit();
            }else{
                console.log('get logs success');
                var rendered = false;
                page.onConsoleMessage = function (msg) {
                    //fs.open('b5.json', 'w').write(receiveBuf);
                        // do something e.g. page.render
                        if (msg == "LOGS_LOADED" && !rendered) {
                            rendered = true;
                            console.log("Logs load status: " + msg + " Start to render page");
                            //Wait 1 second in case of DOM is not refresh after data received
                            setTimeout(function () {
                                phantom.exit();
                            }, 1000);
                        } else if (msg == "LOGS_LOADED_FAIL") {
                            rendered = true;
                            console.log("Fail to load logs data: " + msg);
                            phantom.exit();
                        } else {
                            console.log("Not logs load: " + msg);
                            phantom.exit();
                        }
                }           
            }
        });
    }
});