javascript - PhantomJS 中 evaulate 内部的属性未定义

Question

我通过 phantomjs 通过在页面中包含 jquery 来获取网站的内容。现在我必须通过程序将它们写入文件。为此，我使用了以下代码

page.onLoadFinished = (function(status) {
    if (status === 'success') {
        page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', function() {
             page.evaluate(function() {

                var mkdirp = require('mkdirp');
                mkdirp(counter+'_folder', function(err) { 
                    var html = $('pre[data-language="html"]').html();
                    var js   = $('pre[data-language="js"]').html();
                    var css  = $('pre[data-language="css"]').html();    
                    var fs = require('fs');
                    fs.writeFile(counter+"_folder/"+"fiddle.html", html, function(err) {}); 
                    fs.writeFile(counter+"_folder/"+"fiddle.css", css, function(err) {}); 
                    fs.writeFile(counter+"_folder/"+"fiddle.js", js, function(err) {}); 
                    console.log("******* "+counter+" *************");
                });
            });
        });
    }
});

page.open(url[counter]);

现在，当我使用 require 时，评估方法内部发生的情况是，程序停止在那里，显示错误无法找到变量 require。知道为什么会出现这种情况吗？

Answer 1

page.evaluate() 是沙盒页面上下文。它无法访问 require、page、phantom ...

此外，mkdirp 是一个 Node 模块，不能与 PhantomJS 一起使用。如果你想从 Node 使用 PhantomJS，你将必须使用像 phantom 这样的桥。 。另请参阅:Use a node module from casperjs

使用该桥，您必须将变量传递到外部并从那里保存:

page.open(url, function(){
    var mkdirp = require('mkdirp');
    mkdirp(counter+'_folder', function(err) { 
        page.evaluate(function() {
            var html = $('pre[data-language="html"]').html();
            var js   = $('pre[data-language="js"]').html();
            var css  = $('pre[data-language="css"]').html();    
            return [html, js, css];
        }, function(result){
            var fs = require('fs');
            fs.writeFile(counter+"_folder/"+"fiddle.html", stuff[0], function(err) {}); 
            fs.writeFile(counter+"_folder/"+"fiddle.css", stuff[1], function(err) {}); 
            fs.writeFile(counter+"_folder/"+"fiddle.js", stuff[2], function(err) {}); 
            console.log("******* "+counter+" *************");
        });
    });
});

注意:PhantomJS 的 fs 模块没有 writeFile 函数。 Node 和 PhantomJS 的执行环境不同。