PhantomJS
snipaste_20170718_092652.png
** 將網(wǎng)頁變成圖片，生成pdf浪汪，超級好用 **
抓取圖片，生成pdf
SlimerJS
下載slimerjs
安裝slimerjs
二者區(qū)別
PhantomJS的代碼基本可以在SlimerJS上運行，用了PhantomJS之后還選擇SlimerJS的主要原因是PhantomJS的onResourceReceived方法不能返回body翘贮，slimerJS要正確返回body有個很重要的配置：** page.captureContent = [/.*/]; **幻赚，要認真看document啊禀忆，不然整天的時間都會耗費在坑里。
從stack overflow上找到解決方法
接觸到phantomjs和slimerjs的主要原因是因為框架從express 3.x升級到express 4.x 時生成report出現(xiàn)了詭異的error落恼，因此追蹤瀏覽器行為箩退。在cmd啟動slimerjs執(zhí)行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();
}
}
}
});
}
});
