Userscript to wait for page to load before executing code techniques?

javascript jquery greasemonkey tampermonkey
Myne Mai picture Myne Mai · Oct 15, 2012 · Viewed 79.5k times · Source

I'm writing a Greasemonkey user script, and want the specific code to execute when the page completely finishes loading since it returns a div count that I want to be displayed.

The problem is, that this particular page sometimes takes a bit before everything loads.

I've tried, document $(function() { }); and $(window).load(function(){ }); wrappers. However, none seem to work for me, though I might be applying them wrong.

Best I can do is use a setTimeout(function() { }, 600); which works, although it's not always reliable.

What is the best technique to use in Greasemonkey to ensure that the specific code will execute when the page finishes loading?

Answer

devnull69 picture devnull69 · Oct 15, 2012

Greasemonkey (usually) doesn't have jQuery. So the common approach is to use

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

inside your userscript

Related questions

Choosing and activating the right controls on an AJAX-driven site

So, I am trying to make it where every time I visit any nike.com sneaker page (without the HTML link), it automatically picks my shoe size, adds it to the cart, and checks out for me. I am currently …

Read More
How to simulate typing in input field using jQuery?

What I want is to simulate typing in <input> field using javascript. I have the following code: var press = jQuery.Event("keydown"); press.ctrlKey = false; press.which = 65; $("#test").trigger(press); But when I load the page, the #test …

Read More
IE9 HTTPS security is compromised by my Greasemonkey script?

I’ve got a Greasemonkey-for-IE script in IE9 that’s importing jQuery. But on secure pages it doesn’t work. I’m getting: SEC7111: HTTPS security is compromised by http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js The …

Read More