CasperJS проблема с привязкой

Question

Я пытаюсь добраться до страницы Instagram, но безуспешно. Я продолжаю получать сообщение об ошибке и пустой скриншот.

Текст ошибки:

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

Casperjs - версия 1.1.0-бета3.

В основном я использую следующий код:

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

Answer 1

Подкладка ниже не нужна, если используется PhantomJS 2. К сожалению, CasperJS 1.1-beta3 пока не поддерживает его, поэтому вы можете использовать основную ветку от GitHub.

---

Проблема в том, что PhantomJS v1.x не поддерживает Function.prototype.bind, Вы должны добавить прокладку для этого. В CasperJS это входит в page.initializedобработчик события. Эта прокладка хорошо работает для меня на инстраграмме:

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

Это не работает, если шим экспортируется в свой собственный файл и включен через clientScripts вариант, потому что они добавляются после javascript instagram, который слишком поздно.

Что может также работать, так это регистрация на page.resource.received событие.

Существует также чистый вопрос PhantomJS: связать polyfill для PhantomJS