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();
}
}
}
});
}
});
作者:LuoQ
链接:https://www.jianshu.com/p/6aff75db6f9f
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。