Some helper functions for userscripts, including:

• ready() - Specify a function to execute when the DOM is fully loaded.
• applyCss() - Applies a string of CSS to the document.
• More to come...

Specify a function to execute when the DOM is fully loaded.

This function is a vanilla JavaScript equivalent to jQuery's .ready().

This function is useful if you want a part of your code to execute only after the DOM has loaded. If you want your entire script to run after the DOM has loaded, then you should instead use @run-at document-start in your metadata block.

To use it in your userscript, add this line to the metadata block:

// @require https://rawgit.com/HatScripts/UserscriptHelpers/master/ready.min.js

And then call it like so:

ready(function() { console.log('DOM is ready'); });

Applies a string of CSS to the document.

This function is intended to be a more robust alternative to GM_addStyle.

To use it in your userscript, add this line to the metadata block:

// @require https://rawgit.com/HatScripts/UserscriptHelpers/master/applyCss.min.js

And then call it like so:

applyCss('body { color: white; background-color: black; } img { border: 0; }');

Or with a multi-line string (ES6+):

applyCss(` body {  color: white;  background-color: black; } img {  border: 0; } `);