javascript - 逆向代码制作网页插件时，如何找到某个元素接收到事件时调用了什么函数？

Question

当我决定尝试修改第 3 方网站的浏览器插件时，我经常遇到这个问题，假设我想为没有自动播放功能的视频网站制作一个简单的自动播放插件.我知道有一个 UI 元素触发了播放视频的内部功能，但我不知道如何通过检查控制台中的元素来识别该功能。

我可以使用哪些技巧/方法来手动触发该功能，而无需用户实际单击该元素？

Answer 1

在 Chrome 开发工具中，我认为您可以在触发事件时添加一个断点，这可能允许您找到第 3 方调用的函数，或者您可以使用来自 MDN 的代码模拟点击事件。 :

function simulateClick() {
  var event = new MouseEvent('click', {
    view: window,
    bubbles: true,
    cancelable: true
  });
  var cb = document.getElementById('checkbox'); 
  var cancelled = !cb.dispatchEvent(event);
  if (cancelled) {
    // A handler called preventDefault.
    alert("cancelled");
  } else {
    // None of the handlers called preventDefault.
    alert("not cancelled");
  }
}

有关详细信息，请参阅 MDN .