我有一个在亚马逊结果页面上执行的 Greasemonkey 脚本。但是,由于“下一页”按钮动态更新结果,脚本仅在页面第一次加载时执行,而在单击“下一页”按钮后不再执行。
例如,如果我去一个像这样的亚马逊页面并且我的脚本运行以对结果做一些事情,那么当我单击页面底部的“下一页”时,脚本不再运行,因为结果已更新动态的。
当用户单击“上一页”或“下一页”链接时加载新结果集时,如何使我的脚本应用于新结果集?
我有一个在亚马逊结果页面上执行的 Greasemonkey 脚本。但是,由于“下一页”按钮动态更新结果,脚本仅在页面第一次加载时执行,而在单击“下一页”按钮后不再执行。
例如,如果我去一个像这样的亚马逊页面并且我的脚本运行以对结果做一些事情,那么当我单击页面底部的“下一页”时,脚本不再运行,因为结果已更新动态的。
当用户单击“上一页”或“下一页”链接时加载新结果集时,如何使我的脚本应用于新结果集?
亚马逊使用 AJAX 更改结果并且不会触发hashchange
事件甚至更改标题。
不管; 对于这种事情,请使用waitForKeyElements() 实用程序。
例如,这是一个交替结果颜色的简单脚本:
// ==UserScript==
// @name _Amazon: Stripe Search Results
// @include http://www.amazon.com/s/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
introduced in GM 1.0. It restores the sandbox.
*/
waitForKeyElements ("#searchTemplate div.results div.result", stripeAlternateRows);
function stripeAlternateRows (jNode) {
var rezRow = jNode.attr ("id").replace (/result_/, "");
rezRow = parseInt (rezRow, 10) || 0;
if (rezRow % 2) {
//-- Color every odd row.
jNode.css ("background", "#EEFFEE");
}
}
参考: