在AJAX请求火的Greasemonkey脚本 [英] Fire Greasemonkey script on AJAX request
问题描述
我工作的用户脚本和我刚刚发现,当主界面使得AJAX请求的脚本不能运行。
I am working on a user script and I've just found that the script is not run when the main page makes AJAX requests.
有没有办法解雇无论在主网页负载和AJAX请求?
Is there any way to fire the user script both on main page load and on AJAX requests?
推荐答案
聪明的方式重新运行的AJAX请求脚本的code,是把重点放在页面的键位和检查更改。
The smart way to rerun the script's code on AJAX requests, is to focus on the key bits of the page and check for changes.
例如,假设一个网页包含的HTML像这样:
For example, suppose a page contained HTML like so:
<div id="userBlather">
<div class="comment"> Comment 1... </div>
<div class="comment"> Comment 2... </div>
...
</div>
和你想要的脚本做一些与每个评论,因为它进来了。
and you wanted the script to do something with each comment as it came in.
现在你的可以的拦截所有的AJAX调用,<击>或听 DOMSubtreeModified
打击>(代precated)或者使用 MutationObserver
S,但这些方法可能很麻烦,挑剔,和过于复杂。
Now you could intercept all AJAX calls, or listen for (deprecated), or use DOMSubtreeModified
MutationObserver
s, but these methods can get tricky, finicky, and overly complicated.
有一个更简单,更可靠的方法来获得外网页上的ajax指明分数内容是轮询使用类似 waitForKeyElements
的功能,在它下面。
A simpler, more robust way to get ajax-ified content on a wild page is to poll for it using something like the waitForKeyElements
function, below.
例如,该脚本将突出包含啤酒的意见,因为他们的AJAX的:
For example, this script will highlight comments that contain "beer", as they AJAX-in:
// ==UserScript==
// @name _Refire on key Ajax changes
// @include http://YOUR_SITE.com/YOUR_PATH/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==
function highlightGoodComments (jNode) {
//***** YOUR CODE HERE *****
if (/beer/i.test (jNode.text () ) ) {
jNode.css ("background", "yellow");
}
//...
}
waitForKeyElements ("#userBlather div.comment", highlightGoodComments);
/*--- waitForKeyElements(): A utility function, for Greasemonkey scripts,
that detects and handles AJAXed content.
IMPORTANT: This function requires your script to have loaded jQuery.
*/
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) {
btargetsFound = true;
/*--- 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.
var cancelFound = actionFunction (jThis);
if (cancelFound)
btargetsFound = false;
else
jThis.data ('alreadyFound', 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
);
},
300
);
controlObj [controlKey] = timeControl;
}
}
waitForKeyElements.controlObj = controlObj;
}
更新:
为了方便起见, waitForKeyElements()
现在托管在GitHub上。
Update:
For convenience, waitForKeyElements()
is now hosted on GitHub.
这个答案显示了如何使用托管功能的一个例子。
This answer shows an example of how to use the hosted function.
这篇关于在AJAX请求火的Greasemonkey脚本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!