如何在GreaseMonkey脚本中实现" DOM Ready"事件?
时间:2020-03-05 18:55:53 来源:igfitidea点击:
我正在尝试将我的GreaseMonkey脚本从在window.onload上触发更改为window.DOMContentLoaded,但是此事件从不触发。
我正在使用FireFox 2.0.0.16 / GreaseMonkey 0.8.20080609
这是我要修改的完整脚本,更改为:
window.addEventListener ("load", doStuff, false);
到
window.addEventListener ("DOMContentLoaded", doStuff, false);
解决方案
回答
因此,我用谷歌搜索了buttermonkey dom,并且第一个结果似乎是说润滑脂脚本实际上是在" DOM ready"下运行的,因此我们只需要删除onload调用并立即运行该脚本即可。
我删除了window.addEventListener(" load",function(){
和`},false);包装,它运行良好。这样,它的响应速度更快,页面立即显示,并应用了脚本,并且突出显示了所有看不见的问题,根本没有闪烁。并带来了很多欢乐……是的。
回答
GreaseMonkey脚本本身是在DOMContentLoaded上执行的,因此没有必要添加加载事件处理程序,只需让脚本立即执行所需的操作即可。
http://wiki.greasespot.net/DOMContentLoaded
回答
@Sam:是的,我正在尝试相同的方法:
// ==UserScript== // @name Stack Overflow highlight viewed questions // @namespace * // @include http://stackoverflow.com/questions // @include http://stackoverflow.com/questions?* // @include http://stackoverflow.com/questions // @include http://stackoverflow.com/questions?* // @version 0.55 (DOM-Ready instead of onload) // ==/UserScript== (function() { // Customizable items // var fav_tags = ["python", "database", "mysql"]; // Your favorite tags const UNSEEN_BACK_COLOR = "rgb(225,210,210)"; // Backcolor for the question already seen const FAV_TAG_BACK_COLOR = "rgb(210,210,225)"; // Backcolor for the favorite tags // Internal to the DOM // const QUESTION_URL = "http:\/\/stackoverflow.com\/questions\/([0-9]+)\/"; const QUESTION_URL = "http:\/\/stackoverflow.com\/questions\/([0-9]+)\/"; const TAG_PREFIX = "show questions tagged "; const SEEN_MARK = "x"; // var seen_q = []; var seen_q_str = ""; var seen_q_str = GM_getValue ("seen_q", ""); var seen_q = seen_q_str.split("|"); var fav_tags_str = GM_getValue ("fav_tags", "") var fav_tags = fav_tags_str.split(" ") var already_run = false; GM_registerMenuCommand ("Set favorite tags", askTags); // window.addEventListener ("DOMContentLoaded", doStuff, false); if (! doStuff()) { window.addEventListener ("load", doStuff, false); } function doStuff() { var elements = window.document.getElementsByTagName('A'); if (! elements || already_run) { return false; } else { already_run = true; } GM_log ("here"); for (elem = 0; elem < elements.length; elem++) { if (elements[elem].href.match (QUESTION_URL)) { curr_q = RegExp.; // Already seen? if ((seen_q.length < curr_q) || (seen_q [curr_q] != SEEN_MARK)) { elements[elem].style.backgroundColor = UNSEEN_BACK_COLOR; seen_q [curr_q] = SEEN_MARK; } // Is a favorite tag? node = elements[elem].parentNode.parentNode; for (tag = 0; tag <= fav_tags.length; tag++) { if (node.innerHTML.match ("'" + fav_tags[tag] + "'")) { node.style.backgroundColor = FAV_TAG_BACK_COLOR; break; } } // return (0); } } seen_q_str = seen_q.join("|"); GM_setValue ("seen_q", seen_q_str); return true; } function askTags() { fav_tags_str = prompt("Favorite tags (separated by spaces)", fav_tags_str); GM_setValue ("fav_tags", fav_tags_str) } })();