How to run a user script after loading the page

[marco-eckstein]

There is the option browser-script, described as "Path of a script executed in the page (and all the frames) before it is loaded". Indeed, my script (JavaScript) is apparently not run after the page has loaded. I don't know what "executed before it is loaded" even means. However, using a little trick still allows me to execute code after the page has loaded. E.g. for YouTube, I do this:

const interval = setInterval(() => {
    const element = document.getElementById("expand");
    element.click();
    clearInterval(interval);
}, 50);

The callback only reaches its last line if both document and element are available.

Note that there is the option user-script-enabled, which is true by default and described as "Enable the event API allowing to execute scripts before the page is saved". So maybe there is a more straightforward way to run a user script after loading the page, but I couldn't find it.

[gildas-lormeau]

The script is run before the page is parsed in fact. To fix the issue, you can listen to the load event on the window object before running the script, or integrate more deeply with SingleFile as documented here: https://github.com/gildas-lormeau/SingleFile/wiki/How-to-execute-a-user-script-before-a-page-is-saved

[marco-eckstein]

Thanks! This works:

window.addEventListener("load", () => {
    document.getElementById("expand").click();
});