0

我正在尝试使用 PhantomJS 将 Firebug 和 jQuery 注入网页，但我无法访问它们。

我已经尝试了两种 PhantomJS 方法来将其他 JS 添加到页面：page.injectJs() 和 page.includeJs。

我无法从 includeJs 中得到任何返回（通过阅读文档，我没想到会得到）。

在我 injectJs() 并尝试使用 firebug-lite 和 jQuery 函数或对象（如 $ 和 inspect() ）后，我收到错误消息说它们未定义或找不到变量。

这是我的完整脚本。你也可以在这里看到它：http: //piratepad.net/XTPefXOB4o

"use strict";
"use warnings";

var page = new WebPage(), address;
var useragent = "PhantomJS Firebug integration tool (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11";

page.onConsoleMessage = function (msg) {
    console.log("+eval:" + msg);
};

page.open(address, function (status) {
    if (status !== 'success') {
        console.log('Unable to access network');
    } else {
        console.log("got into page.open()");

        var testInclude = page.includeJs("http://getfirebug.com/releases/lite/1.4/firebug-lite.js", function () {
            var result = true;
            try {
                inspect($("*")[5]);
            }
            catch(err) {
                result = false;
            }
            console.log("from includeJS: " + result);
            return result;
            // is there any way to return a value from this?
        });

        var results = page.evaluate( function () {      
            var debug = [];

            try {
                page.injectJs("http://getfirebug.com/releases/lite/1.4/firebug-lite.js");
                page.injectJs("http://pconerly.webfactional.com/site_media/js/jquery-1.7.min.js");
            } catch(err) {
                debug[0] = false;
            }
            debug[0] = true;

            debug[1] = true;
            try {
                // all 3 of these commands fail.
                //$(document);
                inspect(document.querySelectorAll("*")[i]);
                //firebug;
            }
            catch(err) {
                console.log(err.message)
                debug[1] = false;
            }

            //debug[1] = inspectAEl(5);

            return debug; 
        });

        var stuff = results;
        console.log("did not error on injecting JS: " + stuff[0]);
        console.log("used inspect within page.evaluate: " + stuff[1]);

        console.log("return value from includeJs: " + testInclude);

        console.log("processing finished");            
    }
    phantom.exit();
});

这是我的输出：

$ phantomjs firebug-integration.js 
got into page.open()
+eval:Can't find variable: inspect
did not error on injecting JS: true
used inspect within page.evaluate: false
return value from includeJs: undefined
processing finished
4

1 回答 1

2

你对每个函数的上下文有些困惑：

  • 当您运行时includeJs(url, callback)，该callback函数在 PhantomJS 上下文中运行。所以它可以访问page，但不能访问由包含的脚本创建的变量和命名空间 - 这些都包含在客户端上下文中，并且可用于您运行的函数page.evaluate()。

  • 你试图page.injectJs()在page.evaluate(). 这不起作用 - 您运行的函数page.evaluate()在客户端执行上下文中被沙盒化，并且无权访问该page对象。

因此，您应该尝试其中一种方法 -page.evaluate()在page.includeJs()回调中运行：

    page.includeJs("http://getfirebug.com/releases/lite/1.4/firebug-lite.js", 
        function () {
            page.evaluate(function() {
                // do stuff with firebug lite here
                console.log(inspect($("*")[5]));
            });
        });

或运行page.injectJs()然后运行page.evaluate()：

// note - this is a reference to a local file
page.injectJs("firebug-lite.js");
page.evaluate(function() {
    // do stuff with firebug lite here
    console.log(inspect($("*")[5]));
});
于 2012-03-15T22:01:33.203 回答