试图将 someFunction.jQuery 映射到“$”

Question

我发现了一个函数 (via this person's github)，我可能会在我的脚本中使用它来模拟 API 对象的功能。

以下是链接中的相关代码：

unsafeWindow = (function() {
    var e1 = document.createElement('p')
    e1.setAttribute('onclick', 'return window;');
    return e1.onclick();
})();

海报上说你可以使用unsafeWindow.jQuery格式的函数

现在，我希望能够在我的代码中的其他地方使用 $ 而不是 jQuery 关键字。我尝试向this stack overflow question 学习以简化它并重新编写代码，如下所示：

(function($){
    var e1 = document.createElement('p')
    e1.setAttribute('onclick', 'return window;');
    return e1.onclick();
})(jQuery);

但它没有用。我想我可以尝试类似$ = unsafeWindow.jQuery 的方法来映射到$，但我想尝试以上面看到的格式进行。

Answer 1

您可以像这样将$ 映射到unsafeWindow.jQuery：

unsafeWindow    = ( function () {
    var dummyElem   = document.createElement('p');
    dummyElem.setAttribute ('onclick', 'return window;');
    return dummyElem.onclick ();
} ) ();

var $ = unsafeWindow.jQuery;

// Now you can use the page's jQuery. EG:
$("body").append ('<p>Content added by unsafeWindow.jQuery</p>');

但请记住：

1. 这是一个 Hack，它可能会停止在 Chrome 版本 28 上运行。

2. 由于关于用户脚本何时触发的竞态条件，它仍可能失败。要解决这个问题，请将// @run-at document-end 添加到用户脚本的元数据块中。

3. 不要这样做！只会引起悲伤、副作用和维护头痛。

   对于 用户脚本： 使用 this technique (best cross-browser) 或 this technique (relies on page's jQuery, but the example shows how to use GM_ functions too)。

   对于完整的扩展或内容脚本：，使用this technique (use the manifest.json and keep everything properly sandboxed)。