Übergeben Sie Argumente mit page.evaluate

Ich bin mit PhantomJS Seite.evaluate (), um einige der Schaben. Mein problem ist, dass der code, den ich-pass-auf die webkit-Seite in der Sandbox und hat damit keinen Zugriff auf die Variablen von meinem Haupt-phantom-Skript. Dies macht es schwer machen, die Schaben code generisch.

page.open(url, function() {
  var foo = 42;

  page.evaluate(function() {
    //this code has no access to foo
    console.log(foo);
  });
}

Wie könnte ich push-Argumente in die Seite?

InformationsquelleAutor der Frage TheFist | 2012-03-23

javascript phantomjs

Ich habe das genaue problem. Es kann getan werden, mit ein wenig Trickserei, weil page.evaluate auch akzeptieren kann, der einen string.

Gibt es mehrere Möglichkeiten, es zu tun, aber ich nutze ein wrapper genannt evaluatedie akzeptiert, zusätzliche Parameter zu übergeben, um die Funktion ausgewertet werden muss, auf der webkit-Seite. Verwenden Sie es wie folgt:

page.open(url, function() {
  var foo = 42;

  evaluate(page, function(foo) {
    //this code has now has access to foo
    console.log(foo);
  }, foo);
});

Und hier ist die evaluate() Funktion:

/*
 * 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);
}

InformationsquelleAutor der Antwort Weston

63

Die änderung gedrängt wurde, und jetzt können Sie es als
```
page.open(url, function() {
  var foo = 42;

  page.evaluate( function(foo) {
  //this code has now has access to foo
  console.log(foo);
  }, foo);
}
```
Push details sind hier: https://github.com/ariya/phantomjs/commit/81794f9096

InformationsquelleAutor der Antwort Bala Anirudh

Andere Möglichkeit: die übergabe der Variablen mit der url. Zum Beispiel, zu übergeben Objekt 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 + ')');       
    )}
});

InformationsquelleAutor der Antwort Aakil Fernandes

Es ist die Lösung, die arbeitet mit PhantomJS 0.9.2 und 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

InformationsquelleAutor der Antwort Tomas Randus

Die Sie übergeben können, die Argumente, die der Funktion als Argumente zu Seite.bewerten.

Beispiel:

page.evaluate(function(arg1, arg2){
    console.log(arg1); //Will print "hi"
    console.log(arg2); //Will print "there"
}, "hi", "there");

InformationsquelleAutor der Antwort YTL

0

Diese funktioniert bei mir:
```
page.evaluate("function() {document.body.innerHTML = '" + size + uid + "'}");
```
Mittel, um alles als ein string. Sowieso später wird es zu einem string. Überprüfen Sie die Bibliothek source.

InformationsquelleAutor der Antwort Tomas Randus
0

Kann man nicht nur binden Sie die Argumente der Funktion??
```
page.evaluate.bind(args)(callbackFn)
```
InformationsquelleAutor der Antwort user2977636

Während Sie können Argumente übergeben, die in auswerten(Funktion, arg1, arg2, ...)dies ist oft ein wenig umständlich. Besonders in Fällen, wenn man mehrere Variablen, oder schlimmer noch, Funktionen.

Um dieses Hindernis zu umgehen, kann man injectJs(mit dem Namen) statt.

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");
    }
}

Wo my_extra_functionality.js ist eine lokale Datei im gleichen Verzeichnis:

var foo = 42;
var myFunction = function(){
    return "Hello world!";
}

InformationsquelleAutor der Antwort ChickenFeet

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.