如何为tampermonkey添加自定义指针

Question

// @name         Master's Watermark Script
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Editable Watermark for Gota.io
// @author       Master
// @match        https://gota.io/web/*
// @icon         https://www.google.com/s2/favicons?domain=google.com
// @grant        GM_addStyle
// ==/UserScript==
function addStyleSheet(style){
var getHead = document.getElementsByTagName("HEAD")[0];
var cssNode = window.document.createElement( 'style' );
var elementStyle= getHead.appendChild(cssNode);
elementStyle.innerHTML = style;
return elementStyle;
}
//Custom Crosshair
GM_addStyle ('body {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1160.png)16 16, auto;}');
GM_addStyle ('body {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1160.png)16 16, pointer;}');

嘿，伙计们！我对编码真的很陌生，我是用tampermonkey编码的，我真的不知道什么东西，这让我有点愚蠢。我想在光标上添加一个指针，一个自定义光标，但我添加了这个代码，但它仍然不起作用，因为某种原因，它仍然使用普通指针GM_addStyle ('body {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1160.png)16 16, pointer;}');

Answer 1

• 例如，我认为应该在附加样式之前添加样式

function addStyleSheet(style){
var getHead = document.getElementsByTagName("HEAD")[0];
var cssNode = document.createElement( 'style' );
cssNode.innerHTML = style;
var elementStyle= getHead.appendChild(cssNode);
return elementStyle;
}

• 无论如何，我认为您不需要返回elementStyle变量，因为您已经附加了它，并且不会将它用于其他事情
• 你可以用另一种方法

function createElement(elem, content, css) {
let newElem = document.createElement(elem);
newElem.innerHTML = content;
newElem.style.cssText = css;
return newElem;
}
document.body.append(createElement('div', 'content', 'background-color: red'))

• 或者，如果您只想将新样式设置为现有元素，您可以使用此函数

function setStyle(id, style) {
let elem = document.getElementById(id);
elem.style.cssText = style;
}
setStyle('elem', 'background-color: red');

• 还有tampermonkey，我建议在setTimeout()中添加您的代码，因为有些网页需要一些时间来加载内容