如何使用 Chrome 扩展禁用 Facebook 热键？

Question

我创建了一个 Chrome 扩展，它使用热键 [Alt]+[0...9] 只是为了发现 facebook 使用相同的热键。有没有什么办法可以让我的扩展程序可以禁用 Facebook 的热键，以便我的扩展程序单独起火？我相当确定我已经确定了 facebook 用于实现其 [Alt]+[0...9] 热键的代码：

document.documentElement.onkeydown=function(a){a=a||window.event;var b=a.target||a.srcElement;var c=a.keyCode==13&&!a.altKey&&!a.ctrlKey&&!a.metaKey&&!a.shiftKey&&CSS.hasClass...

这是在从根文档的头部调用的脚本中。我已经尝试了以下方法来禁用它们：

//contents script:
$().ready( function() {
  document.documentElement.onkeydown = '';
});

甚至

$().ready( function() {
  document.documentElement.onkeydown = function(e){};
});

我进一步猜测这些尝试都不起作用的原因是因为尽管 Chrome 扩展内容脚本与它们运行的​​任何网页共享 DOM，但它们也许不共享编码环境？任何见解将不胜感激！

Answer 1

Chrome 的内容脚本在沙盒环境中执行 ^[source]。没有直接的方法与全局 (window) 对象进行通信。

另一个常见的陷阱是开发人员忘记如何/何时注入脚本。

• 默认情况下，脚本会在名为“document_idle”的点注入。此时，文档并不繁忙（DOMContentLoaded 已触发，window.onload 可能已触发，也可能未触发）。
• 因此，脚本中的函数可能在声明后立即被覆盖。

要注入一个小脚本，我建议将代码直接添加到内容脚本中：

var actualCode = '/* Code here (see below for inspiration) */';

var script = document.createElement('script');
script.appendChild(document.createTextNode(actualCode));
(document.head || document.documentElement).appendChild(script);
script.parentNode.removeChild(script);

如果您想确保该方法不会被覆盖，您可以使用 Object.defineProperty，定义不可变属性：

Object.defineProperty(document.documentElement, 'onkeydown', {
    value: function() {},
    writable: false,     /* Cannot be overwritten, default false */
    configurable: false, /* Cannot be deleted, or modified */
    enumerable: true     /* Does not really matter. If true, it's visible in
                             a for-loop. If false, it's not*/
});

Firefox 支持前面提到的方法4+ 且至少 Chrome 5+。如果您还想支持 Firefox 2+ 和 Chrome 1+，您可以使用 __defineSetter__ 来防止定义 onkeydown：

document.documentElement.__defineSetter__('onkeydown', function(){});

Answer 2

您的直觉是正确的，作为 Chrome 扩展的一部分从内容脚本运行的 JavaScript 是在沙箱中运行的，该沙箱无法访问在包含页面中执行的 JavaScript。

根据 关于内容脚本的 Chrome 文档：

However, content scripts have some limitations. They cannot:
*  Use chrome.* APIs (except for parts of chrome.extension)
*  Use variables or functions defined by their extension's pages
*  Use variables or functions defined by web pages or by other content scripts

首先，我建议您考虑不同的快捷键。覆盖您自己的扩展程序的现有快捷键功能可能会给那些期待 Facebook 快捷键的人带来不和谐的用户体验。想象一下，如果一个扩展覆盖了 ctrl-c 和 ctrl-p 快捷方式，这些快捷方式是桌面操作系统的一部分，用于复制和粘贴 - 我认为您会有些心烦意乱的用户，他们可能会删除改变他们之前学到的行为的东西。

但是，如果您坚持这样做，那么这里有一种加载 JavaScript 的解决方法，该 JavaScript 将在包含页面的上下文中执行：

编辑： 根据评论更新以引用插件中的 JS 文件，而不是托管在插件中的 JS 文件首先

，您需要在 chrome 插件中创建一个 JavaScript 文件：override-fb-hotkeys.js。

首先，您需要在网络上的某个位置托管一个 JavaScript 文件，其中包含要在页面中执行的脚本，假设您将其托管在：http://example.com/override -fb-hotkeys.js.

然后，从您的内容脚本中，您可以将脚本标记插入到引用您的 JavaScript 文件的 DOM 中，如下所示：

    var script = document.createElement('script');
    script.setAttribute("type", "text/javascript");
    script.setAttribute("async", true);
    script.setAttribute("src", chrome.extension.getURL("override-fb-hotkeys.js")); //Assuming your host supports both http and https
    var head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
    head.insertBefore(script, head.firstChild)

然后，将在以下位置获取并执行 JavaScript包含页面的上下文，而不是沙盒的上下文来自 Chrome 插件的代码。

Answer 3

这是使用 jQuery 删除任何网页的所有快捷方式的方法

：

$('[accessKey]').attr('accessKey','')