javascript - chrome 扩展监听所有鼠标事件

Question

我正在尝试编写一个 Chrome 插件来监听所有鼠标/触摸事件。我的网站(例如谷歌地图)不会使用react。如果网站默认修改了mouselistener？是否有适用于所有网站的解决方案？

我可能会这样吗？

//Sending user interaction to bg site
$(this).mousedown(function(e){
    chrome.runtime.sendMessage({userInteraction:true});
    console.log('keyboard user interaction sent');
});              

chrome.runtime.onMessage.addListener(function(details) {
    console.log('message to background javascript: ' + details);
});

Answer 1

我还从事相关主题的工作。

使用扩展处理全局事件存在一些问题。

1。已在加载的页面中设置事件处理程序

在这种情况下，您的处理程序将在加载页面的处理程序之后执行。通过某种方式，您的处理程序可以被简单地忽略，例如，如果加载的页面处理程序将用户重定向到其他页面。

您可以通过注入(inject) <script> 来避免此问题与您的处理程序一起标记。这样，您的处理程序将在加载的页面 Javascript VM 上执行，并且能够替换页面处理程序。它很丑陋，但它有效。这种策略的坏处是它可能会破坏加载页面的现有 javascript。

2。该页面是 Google 页面

出于安全原因，这是 Google 的限制。您无法在 Google 官方页面(例如 Google 商店)上执行扩展程序。

据我所知，无法绕过此安全限制。

总之，我想说有一种适用于每个网站的通用方法。我想说，我认为这是一件好事。 Google Chrome 扩展程序已经足够安全了...