phantomjs显示动态html,列出在PhantomJS中加载的页面的所有DOM事件

我想记录所有在JS和html中绑定的事件。我目前的解决方案，它不会记录任何内容，我做错了什么，或者有更好的方法捕获事件并保存它的回调？列出在PhantomJS中加载的页面的所有DOM事件

'use strict';

var page = require('webpage').create();

page.onConsoleMessage = function(msg) {

console.log('CONSOLE: ' + msg);

};

page.open('url', function (status) {

var _count = function() {

return page.evaluate(function() {

var htmlAddEventListener = HTMLElement.prototype.addEventListener;

HTMLElement.prototype.addEventListener = function(name, cb) {

console.log('1', name);

this.boundEvents || (this.boundEvents = {});

(this.boundEvents[name] || (this.boundEvents[name] = [])).push(cb);

return htmlAddEventListener.apply(this, arguments);

}

var elementAddEventListener = Element.prototype.addEventListener;

Element.prototype.addEventListener = function(name, cb) {

console.log('1', name);

this.boundEvents || (this.boundEvents = {});

(this.boundEvents[name] || (this.boundEvents[name] = [])).push(cb);

return elementAddEventListener.apply(this, arguments);

}

var documentAddEventListener = Document.prototype.addEventListener;

Document.prototype.addEventListener = function(name, cb) {

console.log('2', name);

this.boundEvents || (this.boundEvents = {});

(this.boundEvents[name] || (this.boundEvents[name] = [])).push(cb);

return documentAddEventListener.apply(this, arguments);

}

var windowAddEventListener = window.addEventListener;

window.addEventListener = function(name, cb) {

console.log('3', name);

this.boundEvents || (this.boundEvents = {});

(this.boundEvents[name] || (this.boundEvents[name] = [])).push(cb);

return windowAddEventListener.apply(this, arguments);

}

var elementDispatchEvent = Element.prototype.dispatchEvent;

Element.prototype.dispatchEvent = function(name, cb) {

console.log('1a', name);

return elementDispatchEvent.apply(this, arguments);

}

});

}

_count();

});

+0

它看起来像是订单。当我在评估结束时触发事件时，我会记录它。 –