为什么 Jquery 未定义？

Question

我编写了用户脚本，但我在 Chrome 中遇到了问题（带有 Greasemonkey 的 Firefox 可以）： 我使用 Tampermonkey；这是代码：

// Header...

(function addjQuery() {
    var head = document.getElementsByTagName('head')[0] ;
    var jQuery = document.createElement('script');

    jQuery.type = 'text/javascript';
    jQuery.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';

    head.appendChild(jQuery);
    waitjQuery() ;
 })();

function waitjQuery(){
    typeof jQuery == 'undefined' ? setTimeout(waitjQuery, 50) : main() ;
}

我的脚本在函数等待中循环，typeof jQuery（或 $...）始终未定义。我已经使用控制台检查了页面 HTML 的头部，并且 jQuery 已正确加载...

Answer 1

您的脚本在 Greasemonkey 中工作只是一个侥幸，一旦您尝试使用任何 Greasemonkey API（GM_ 函数），它就会停止工作。这是因为 Greasemonkey 现在愚蠢地在选择条件下关闭沙箱，并且脚本代码混合了页面范围和脚本范围（一种危险的做法）。

Chrome 明智地不会关闭其沙盒，因此代码无法在其中运行。但此外，对于 Tampermonkey，您不想以这种方式添加 jQuery！
您想使用 @require 添加 jQuery。这使您的脚本更快、更安全，并且不太可能破坏页面上的某些内容或被破坏。

在this answer 的第二部分中可以找到添加 jQuery 的一个很好的跨浏览器技术——当它可用时使用@require。

Answer 2

Google chrome 扩展程序是沙盒的。因此，您附加到 DOM 的 jQuery 对您的脚本不可用。如果你想在你的扩展中使用 jQuery，你需要在清单文件中定义它。如果你想在页面的域中运行你的脚本，那么你应该在页面中存在 jQuery 之后注入它。

因此，您不想检查 jQuery 是否存在，因为它永远不会存在，而是要检查是否附加了包含 jQuery 的脚本元素。