javascript 在Google Chrome中的页面上获取所有事件监听器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 在Google Chrome中的页面上获取所有事件监听器相关的知识,希望对你有一定的参考价值。

// Things you can do with the items

// 1. log them to the console
console.log(items);


// 2. Put a red border around the elements
items.forEach(function(item) {
  item.element.style.outline = '1px solid red';
})

// 3. generate a summary
var summary = .map(function(item) {
	var el = item.element,
		id = el.id,
		className = el.className;
	if (className instanceof SVGAnimatedString) {
		className = className.baseVal;
	}
	var str = el.tagName.toLowerCase() + (id ? '#' + id : '') + (className ? '.' + className.replace(/\s+/g, '.') : '');
	str += ' ' + item.listeners.map(function(l) {
		return l.event + ': ' + l.listeners.length;
	}).join(' ');
	return str;
}).join('\n');

console.log(summary);
var items = Array.prototype.slice.call(
  document.querySelectorAll('*')
).map(function(element) {
  var listeners = getEventListeners(element);
  return {
    element: element,
    listeners: Object.keys(listeners).map(function(k) {
      return { event: k, listeners: listeners[k] };
    })
  };
}).filter(function(item) {
  return item.listeners.length;
});

// See below for things you can do with the items

以上是关于javascript 在Google Chrome中的页面上获取所有事件监听器的主要内容,如果未能解决你的问题,请参考以下文章

javascript 在Google Chrome中的页面上获取所有事件监听器

Javascript:导出大文本/csv 文件会使 Google Chrome 崩溃

使用 Google Chrome 逐行调试 Javascript

在 Google Chrome 中清除 javascript 控制台

在 Google Chrome 控制台中查看所有 JavaScript 变量的列表

google chrome怎样调试获取javascript变量值