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

Question

当我决定尝试修补第三方网站的浏览器插件时，我经常遇到这个问题，假设我想为没有自动播放功能的视频网站制作一个简单的自动播放插件。我知道有一个 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 .