列出在PhantomJS中加载的页面的所有DOM事件

List all DOM events of a page loaded in PhantomJS

本文关键字:DOM 事件 PhantomJS 加载      更新时间:2023-09-26

我想记录所有绑定在JS和html中的事件。我当前的解决方案,它不记录任何内容,我做错了什么,或者是否有更好的方法来捕获事件并保存其回调?

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

页面,您将更改内置对象原型中的各种addEventListener函数。page.open回调大部分时间是在所有即时页面 JavaScript 运行后调用的。如果您正在加载的页面不使用动态请求,则不会显示任何内容。

您应该从在执行页面 JavaScript 之前运行的事件处理程序调用_count。例如page.onInitializedpage.onLoadStartedpage.onNavigationRequestedpage.onUrlChanged。确保您不会多次调用它。