我正在尝试在 https://lichess.org/uZIjh0SXxnt5 上运行以下代码块.
var x = document.getElementsByTagName("a");
for(var i = 0; i < x.length; i++) {
if(x[i].href.includes("WaisKamal") && x[i].classList.contains("user_link")) {
x[i].innerHTML = '<span class="title" data-title="GM" title="Grandmaster">GM</span> ' + x[i].innerHTML;
}
if(x[i].href.includes("WaisKamal") && x[i].classList.contains("text")) {
x[i].innerHTML = '<span class="title" data-title="GM" title="Grandmaster">GM</span> ' + x[i].innerHTML;
console.log(x[i]);
}
}
我正在使用 tampermonkey 来自动化该过程。页面加载时,第一个 if 语句正确运行,但第二个则不正确。但是,当我从浏览器控制台运行第二个时,它工作正常。
以下是该脚本的更详细信息(我想添加那些橙色的“GM”):
没有脚本
使用脚本
我想要什么
我查过this但这并没有解决我的问题。
有什么帮助吗?提前致谢。
最佳答案
该页面的大部分内容都是动态加载的(AJAX 驱动),这意味着您的脚本通常会在您感兴趣的节点出现在页面中/页面上之前完成运行。
您必须使用 AJAX 感知技术,例如 waitForKeyElements
或 MutationObserver
。
这是一个完整的 Tampermonkey 脚本,它说明了该过程:
// ==UserScript==
// @name _Lichess.org, Glorify select users
// @match *://lichess.org/*
// @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 ("a[href*='WaisKamal']", spiffifyLink);
function spiffifyLink (jNode) {
var oldHtml = jNode.html ();
var newHtml = '<span class="title" data-title="GM" title="Grandmaster">GM</span> ' + oldHtml;
jNode.html (newHtml);
}
关于javascript - 代码可以在浏览器控制台中运行,但不能在 tampermonkey 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50548838/