我在一年前遇到了一些問題。對於我來說(如果我沒記錯的話),它只能用@media標籤。 (再一次,如果我沒記錯的話)Pdf是使用media print css生成的,而png則不是。試試當你刪除所有@media print css時會發生什麼。
編輯23/9/2014
我不知道如何有問題的,這是你(你想要多少努力把它),但如果是我,我會嘗試這樣的事情第一:
var page = require('webpage').create();
var args = require('system').args;
var output_file = args[1], url =args[2];
page.viewportSize = { width: 1440, height: 900 };
page.paperSize = {
format: "A4",
orientation: "landscape",
margin: { left: "1cm", right: "1cm", top: "1cm", bottom: "1cm" }
};
console.log(url);
page.onLoadFinished = function (status) {
window.setTimeout(function() {
try {
page.evaluate(function() {
jQuery("link").each(function (i, v) {
jQuery(v).attr("media", "all");
});
});
page.render(output_file);
}
catch (e) {
status = e.message;
}
console.log(status + ';;' + output_file);
phantom.exit();
}, 1000);
}
try {
page.open(url);
console.log('loading');
}
catch (ex) {
console.log(ex.message);
phantom.exit();
}
Offcourse要在評估函數中做什麼取決於什麼HTML的內容。
告訴問題出錯的一種更有決定意義的方法是使用console.log(page.content);
記錄加載的內容的來源,然後使用它來查看出現了什麼問題。 (只需將該源文件複製到'test.html'文件中並在瀏覽器中查看,請記住(offcourse)鏈接將被打破)
您的意思是將它們從網站中刪除或以某種方式將其從光柵化文件中刪除? – BP09 2014-09-22 15:27:48
將其從網站中移除以進行測試。你也可以使用javascript ofc。類似於「page.evaluate(function(){jQuery(」link「)。each(function(i,v){jQuery(v).attr(」media「,」all「); }); });'可以被評估。在我的情況下,這有幫助,但你可以'刪除()'或其他東西。 (雖然評論的東西出來測試是prolly最快如果你有訪問) – user1515791 2014-09-22 18:45:01
啊,好吧。我不幸有權修改網站。所以聽起來可能我被卡住了。 – BP09 2014-09-22 21:20:43