Simple WaitForKeyElement のソースコード

Simple WaitForKeyElement

Library that Exports my simplified vanilla JS version of WaitForKeyElement, which is a simple async function that returns a Promise that resolves to an element by a given selector, when that element is found

このスクリプトは単体で利用できません。右のようなメタデータを含むスクリプトから、ライブラリとして読み込まれます: // @require https://update.greasyfork.org/scripts/511024/1751703/Simple%20WaitForKeyElement.js

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください

右端で折り返す

// ==UserScript==
// @name        Simple WaitForKeyElement
// @license     Unlicense
// @namespace   1N07
// @match       *://*/*
// @version     1.1.0
// @author      1N07
// @description Library that Exports my simplified vanilla JS version of WaitForKeyElement, which is a simple async function that returns a Promise that resolves to an element by a given selector, when that element is found
// ==/UserScript==

async function WaitForKeyElement(selector, timeout) {
    return new Promise((resolve, reject) => {
        let el = document.querySelector(selector);
        if (el) {
            resolve(el);
            return;
        }
        new MutationObserver((mutationRecords, observer) => {
            el = document.querySelector(selector);
            if (el) {
                resolve(el);
                observer.disconnect();
            }
        }).observe(document.documentElement, { childList: true, subtree: true });
        if (timeout) {
            setTimeout(() => {
                reject(`WaitForKeyElement: "${selector}" timed out`);
            }, timeout);
        }
    });
}

async function WaitForKeyElementOnDocument(doc, selector, timeout) {
    return new Promise((resolve, reject) => {
        let el = doc.querySelector(selector);
        if (el) {
            resolve(el);
            return;
        }
        new MutationObserver((mutationRecords, observer) => {
            el = doc.querySelector(selector);
            if (el) {
                resolve(el);
                observer.disconnect();
            }
        }).observe(doc.documentElement, { childList: true, subtree: true });
        if (timeout) {
            setTimeout(() => {
                reject(`WaitForKeyElement: "${selector}" timed out`);
            }, timeout);
        }
    });
}