在将 Firefox 30 之前的 Greasemonkey 脚本迁移到 GM4+ 时，如何替换 unsafeWindo

Question

我正在尝试获取对我网页上存在的 jQuery 版本的引用，该脚本在 Greasemonkey 脚本中一直工作到 Firefox 30。在下面的注释中，我的定义是我可以找到的另外两个引用，但是当我尝试访问窗口对象上的jQuery时，我只是ReferenceError: $ is not defined或ReferenceError: jQuery is not defined。

var $ = unsafeWindow.jQuery;
//var jQuery = window.jQuery; // From https://stackoverflow.com/questions/24802606/binding-to-an-event-of-the-unsafewindow-in-firefox-30-with-greasemonkey-2-0
//var jQuery = $ || window.wrappedJSObject.$; // https://github.com/greasemonkey/greasemonkey/issues/2700#issuecomment-345538182
function addAccountNameToTitle(jNode) {
$('title').text(session.name + " | " + $('title').text());
}
waitForKeyElements (".page-breadcrumb", addAccountNameToTitle, false);
/*--- waitForKeyElements():  A handy, utility function that
does what it says.
*/
function waitForKeyElements (
selectorTxt,    /* Required: The jQuery selector string that
specifies the desired element(s).
*/
actionFunction, /* Required: The code to run when elements are
found. It is passed a jNode to the matched
element.
*/
bWaitOnce,      /* Optional: If false, will continue to scan for
new elements even after the first match is
found.
*/
iframeSelector  /* Optional: If set, identifies the iframe to
search.
*/
)
{
var targetNodes, btargetsFound;
if (typeof iframeSelector == "undefined")
targetNodes     = $(selectorTxt);
else
targetNodes     = $(iframeSelector).contents ()
.find (selectorTxt);
if (targetNodes  &&  targetNodes.length > 0) {
/*--- Found target node(s).  Go through each and act if they
are new.
*/
targetNodes.each ( function () {
var jThis        = $(this);
var alreadyFound = jThis.data ('alreadyFound')  ||  false;
if (!alreadyFound) {
//--- Call the payload function.
actionFunction (jThis);
jThis.data ('alreadyFound', true);
}
} );
btargetsFound   = true;
}
else {
btargetsFound   = false;
}
//--- Get the timer-control variable for this selector.
var controlObj      = waitForKeyElements.controlObj  ||  {};
var controlKey      = selectorTxt.replace (/[^w]/g, "_");
var timeControl     = controlObj [controlKey];
//--- Now set or clear the timer as appropriate.
if (btargetsFound  &&  bWaitOnce  &&  timeControl) {
//--- The only condition where we need to clear the timer.
clearInterval (timeControl);
delete controlObj [controlKey]
}
else {
//--- Set a timer, if needed.
if ( ! timeControl) {
timeControl = setInterval ( function () {
waitForKeyElements (    selectorTxt,
actionFunction,
bWaitOnce,
iframeSelector
);
},
500
);
controlObj [controlKey] = timeControl;
}
}
waitForKeyElements.controlObj   = controlObj;
}

我正在使用FF 59.0.2和Greasemonkey 4.3

Answer 1

unsafeWindow.jQuery从来都不是一个好主意，也很少奏效。另请参阅错误：访问属性"处理程序"的权限被拒绝。

使用问题代码的明智做法是使用@require，如下所示：

// ==UserScript==
// @name     _Changing the title text on some page.
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// @grant    GM.getValue
// ==/UserScript==
//- The @grant directives are needed to restore the proper sandbox.
waitForKeyElements (".page-breadcrumb", addAccountNameToTitle);
function addAccountNameToTitle (jNode) {
$('title').text (session.name + " | " + $('title').text() );
}

优势：

• 简短、简单、清晰。
• 不容易受到在目标页面上更改 javascript 的副作用。 特别是，如果目标页面更改了jQuery版本。
• 使用快速的本地版本的jQuery和waitForKeyElements。 它们存储在本地磁盘上，通常缓存在内存中。 没有服务器获取或延迟。

注意：如果session是目标页面全局变量，则可能需要像unsafeWindow.session.name一样访问它。 请参阅：设置@grant值时如何访问"窗口"(目标页面)对象？。

---

---

---

您声明要使用页面的 jQuery 实例或版本。 很少有充分的理由这样做。 这个问题中显示的代码肯定不会从中受益。

但是，如果您的用户脚本不使用任何 GM 函数，您可以通过@grant none模式执行此操作，例如：

// ==UserScript==
// @name     _Changing the title text on some page.
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    none
// ==/UserScript==
waitForKeyElements (".page-breadcrumb", addAccountNameToTitle);
function addAccountNameToTitle (jNode) {
$('title').text (session.name + " | " + $('title').text() );
}