CasperJS 绑定问题

Posted 2023-03-31

【中文标题】CasperJS 绑定问题

【英文标题】：CasperJS bind issue

【发布时间】：2014-08-18 08:37:39

【问题描述】：

我正在尝试访问 Instagram 页面，但没有成功。我不断收到错误消息和空白屏幕截图。

错误文本：

TypeError: 'undefined' is not a function (evaluating 'a.createDescriptor.bind(null,t)')

Casperjs --version 是 1.1.0-beta3。

基本上我使用以下代码：

var casper = require('casper').create(
    verbose: true,
    logLevel: 'debug',
    pageSettings: 
         userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.4 (Khtml, like Gecko) Chrome/22.0.1229.94 Safari/537.4'
    ,
    loadPlugins: true
);

casper.on( 'page.error', function (msg, trace) 
    this.echo( 'Error: ' + msg, 'ERROR' );
);

casper.start('http://instagram.com/hello', function() 
    casper.wait(3000, function()  
        this.capture('screen.png');
    );
);

casper.run(function() 
    this.exit();
);

【参考方案1】：

如果使用 PhantomJS 2，则不再需要下面的垫片。遗憾的是 CasperJS 1.1-beta3 还不支持它，所以你可能想使用来自 GitHub 的 master 分支。

---

问题是 PhantomJS v1.x 不支持Function.prototype.bind。您需要为此添加垫片。在 CasperJS 中，它进入 page.initialized 事件处理程序。 This shim 在 instragram 上很适合我：

casper.on( 'page.initialized', function()
    this.evaluate(function()
        var isFunction = function(o) 
          return typeof o == 'function';
        ;

        var bind,
          slice = [].slice,
          proto = Function.prototype,
          featureMap;

        featureMap = 
          'function-bind': 'bind'
        ;

        function has(feature) 
          var prop = featureMap[feature];
          return isFunction(proto[prop]);
        

        // check for missing features
        if (!has('function-bind')) 
          // adapted from Mozilla Developer Network example at
          // https://developer.mozilla.org/en/javascript/Reference/Global_Objects/Function/bind
          bind = function bind(obj) 
            var args = slice.call(arguments, 1),
              self = this,
              nop = function() 
              ,
              bound = function() 
                return self.apply(this instanceof nop ? this : (obj || ), args.concat(slice.call(arguments)));
              ;
            nop.prototype = this.prototype || ; // Firefox cries sometimes if prototype is undefined
            bound.prototype = new nop();
            return bound;
          ;
          proto.bind = bind;
        
    );
);

如果将 shim 导出到自己的文件中并通过 clientScripts 选项包含在内，则它不起作用，因为这些是在 instagram javascript 之后附加的，为时已晚。

注册page.resource.received 事件也可能有效。

还有纯PhantomJS问题：bind polyfill for PhantomJS

【讨论】：

非常感谢您的回答，它也适用于 facebook。

您可能希望将 PhantomJS 更新到版本 2 并使用 GitHub 上 master 分支中的 CasperJS。

哦，谢谢你，这会让这个解决方案变得不必要吗？

是的，这将使它变得不必要，但正如我所说，目前存在一些障碍，因为目前没有支持 PhantomJS 2 的 CasperJS 版本。

只想为谷歌添加一些标签以防万一其他人正在搜索错误的东西（就像我一样） casperjs casper not rendering svg png transparent png not capture no capture