Script à attendre que la page se charge avant l'exécution de code des techniques?

Greasemonkey (en général) n'ont pas de jQuery. Donc, l'approche la plus répandue consiste à utiliser

window.addEventListener('load', function() {
    //your code here
}, false);

à l'intérieur de votre script

De Greasemonkey 3.6 (novembre 20, 2015) les métadonnées clés @run-at prend en charge la nouvelle valeur document-idle.
Suffit de mettre ceci dans le bloc de métadonnées de votre script Greasemonkey:

//@run-at      document-idle

La la documentation le décrit comme suit:

Le script sera exécuté après la page et de toutes les ressources (images, feuilles de style, etc.) sont chargés de page et des scripts.

Si vous voulez manipuler les nœuds comme obtenir la valeur de nœuds ou de changer de style, vous pouvez attendre de ces nœuds à l'aide de cette fonction

const waitFor = (...selectors) => new Promise(resolve => {
    const delay = 500
    const f = () => {
        const elements = selectors.map(selector => document.querySelector(selector))
        if (elements.every(element => element != null)) {
            resolve(elements)
        } else {
            setTimeout(f, delay)
        }
    }
    f()
})

ensuite utiliser promise.then

//scripts don't manipulate nodes
waitFor('video', 'div.sbg', 'div.bbg').then(([video, loading, videoPanel])=>{
    console.log(video, loading, videoPanel)
    //scripts may manipulate these nodes
})

ou de l'utilisation async&await

//this semicolon is needed if none at end of previous line
;(async () => {
    //scripts don't manipulate nodes
    const [video, loading, videoPanel] = await waitFor('video','div.sbg','div.bbg')
    console.log(video, loading, video)
    //scripts may manipulate these nodes
})()

Voici un exemple icourse163_enhance

Pour détecter si le XHR la fin du chargement de la page web, puis il déclenche une fonction.
Je reçois ce de Comment puis-je utiliser le JavaScript pour le magasin "XHR fini de charger" des messages dans la console de Chrome? et il de véritables œuvres.

    //This overwrites every XHR object's open method with a new function that adds load and error listeners to the XHR request. When the request completes or errors out, the functions have access to the method and url variables that were used with the open method.
    //You can do something more useful with method and url than simply passing them into console.log if you wish.
    //https://stackoverflow.com/questions/43282885/how-do-i-use-javascript-to-store-xhr-finished-loading-messages-in-the-console
    (function() {
        var origOpen = XMLHttpRequest.prototype.open;
        XMLHttpRequest.prototype.open = function(method, url) {
            this.addEventListener('load', function() {
                console.log('XHR finished loading', method, url);
                display();
            });

            this.addEventListener('error', function() {
                console.log('XHR errored out', method, url);
            });
            origOpen.apply(this, arguments);
        };
    })();
    function display(){
        //codes to do something;
    }

Mais si il n'y êtes nombreux XHRs dans la page, je n'ai aucune idée de comment le filtre défini un XHR.

Une autre méthode est waitForKeyElements() ce qui est agréable.
https://gist.github.com/BrockA/2625891

Il y a de l'échantillon pour Greasemonkey utilisation.
Exécutez le script Greasemonkey sur la même page, plusieurs fois?