我正在使用 PhantomJS page.evaluate() 进行一些抓取。我的问题是我传递给 webkit 页面的代码是沙盒的，因此无法访问我的主幻像脚本的变量。这使得抓取代码很难通用。
page.open(url, function() {
var foo = 42;
page.evaluate(function() {
// this code has no access to foo
console.log(foo);
});
}
如何将参数推送到页面中？
【问题讨论】：
标签： javascript phantomjs
我遇到过这个问题。这可以通过一些技巧来完成，因为page.evaluate 也可以接受字符串。
有几种方法可以做到这一点，但我使用了一个名为 evaluate 的包装器，它接受附加参数以传递给必须在 webkit 端评估的函数。你可以这样使用它：
page.open(url, function() {
var foo = 42;
evaluate(page, function(foo) {
// this code has now has access to foo
console.log(foo);
}, foo);
});
这里是evaluate() 函数：
/*
* This function wraps WebPage.evaluate, and offers the possibility to pass
* parameters into the webpage function. The PhantomJS issue is here:
*
* http://code.google.com/p/phantomjs/issues/detail?id=132
*
* This is from comment #43.
*/
function evaluate(page, func) {
var args = [].slice.call(arguments, 2);
var fn = "function() { return (" + func.toString() + ").apply(this, " + JSON.stringify(args) + ");}";
return page.evaluate(fn);
}
【讨论】：
更改已推送，现在您可以将其用作
page.open(url, function() {
var foo = 42;
page.evaluate( function(foo) {
// this code has now has access to foo
console.log(foo);
}, foo);
}
推送详情在这里：https://github.com/ariya/phantomjs/commit/81794f9096
【讨论】：
您可以将参数传递给函数作为 page.evaluate 的参数。
例子：
page.evaluate(function(arg1, arg2){
console.log(arg1); //Will print "hi"
console.log(arg2); //Will print "there"
}, "hi", "there");
【讨论】：
有适用于 PhantomJS 0.9.2 和 0.2.0 的解决方案：
page.evaluate(
function (aa, bb) { document.title = aa + "/" + bb;}, //the function
function (result) {}, // a callback when it's done
"aaa", //attr 1
"bbb"); //attr 2
【讨论】：
另一种可能性：将变量与 url 一起传递。例如，传递对象 x
// turn your object "x" into a JSON string
var x_json = JSON.stringify(x);
// add to existing url
// you might want to check for existing "?" and add with "&"
url += '?' + encodeURIComponent(x_json);
page.open(url, function(status){
page.evaluate(function(){
// retrieve your var from document URL - if added with "&" this needs to change
var x_json = decodeURIComponent(window.location.search.substring(1));
// evil or not - eval is handy here
var x = eval('(' + x_json + ')');
)}
});
【讨论】：
page.evaluate() 已被沙盒化。
这对我有用：
page.evaluate("function() {document.body.innerHTML = '" + size + uid + "'}");
表示将所有内容都作为字符串。反正后来它变成了一个字符串。检查库源。
【讨论】：
虽然您可以将参数传递给evaluate(function, arg1, arg2, ...)，但这通常有点麻烦。尤其是在传入多个变量或更糟的函数时。
要绕过这个障碍，可以改用injectJs(filename)。
page.open(url, function() {
if ( webpage.injectJs('my_extra_functionality.js') ) {
page.evaluate( function() {
// this code has access to foo and also myFunction();
console.log(foo);
console.log(myFunction());
});
}
else {
console.log("Failed to inject JS");
}
}
其中my_extra_functionality.js是同一目录下的本地文件：
var foo = 42;
var myFunction = function(){
return "Hello world!";
}
【讨论】：
await page.addScriptTag({path: "/path/to/file/with/extra/functionality"});
你不能只将 args 绑定到函数吗？？
page.evaluate.bind(args)(callbackFn)
【讨论】：