simple toolkit to help me
目前為
此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/526417/1540623/USToolkit.js
// ==UserScript==
// @name USToolkit
// @namespace https://greasyfork.org/pt-BR/users/821661
// @version 0.0.3
// @run-at document-start
// @author hdyzen
// @description simple toolkit to help me
// @license MIT
// ==/UserScript==
/**
* Asynchronously queries the DOM for an element matching the given selector.
* If the element is not found immediately, it will observe the DOM for changes
* and resolve once the element is found or reject after a timeout.
*
* @param {string} selector - The CSS selector to query for.
* @param {number} [timeoutSeconds=10] - The maximum time to wait for the element, in seconds.
* @returns {Promise<Element>} A promise that resolves with the found element or rejects with a timeout error.
*/
function asyncQuerySelector(selector, timeoutSeconds = 10) {
return new Promise((resolve, reject) => {
const element = document.querySelector(selector);
if (element) {
resolve(element);
}
const mutationsHandler = () => {
const target = document.querySelector(selector);
if (target) {
observer.disconnect();
resolve(target);
}
};
const observer = new MutationObserver(mutationsHandler);
observer.observe(document.body || document.documentElement || document, { childList: true, subtree: true });
setTimeout(() => {
observer.disconnect();
reject("Timeout 10 seconds");
}, timeoutSeconds * 1000);
});
}