Recall Tampermonkey script when page location changes

Question

Well, I want to know if its possible to recall a Tampermonkey script when a user changes his location (but the match is still active). For example, my scripts hooks youtube website.

I need to make that the script recalls itself when I change the video, my actual script is:

// ==UserScript== // @name xxx // @namespace xxx // @version 1.0 // @description xxx // @author Ikillnukes // @match https://www.youtube.com/* // @match https://youtu.be/* // @grant none // ==/UserScript== console.log("Tampermonkey hook!"); var script = document.createElement('script'); script.src = document.location.protocol+"//xxx"; (document.body || document.head || document.documentElement).appendChild(script);

As you can see I call console.log for debug it, and it gets called when I refresh or I load the webpage for the first time. But one time I change the video it doesn't get called anymore, and that is what I want to avoid.

I also reviewed this: http://tampermonkey.net/documentation.php and I didn't find anything, maybe I reviewed it too quickly?

So, any suggestions there?

$(document).ready(function(){ .... - then on each page load it will do what you want.. otherwise it does it once.. somewhere in the middle of loading the first time... — Piotr Kula
– Piotr Kula, Commented Aug 28, 2015 at 16:11
I tried this, and the first thing I that I want to avoid using JQuery, and the second thing is that it doesn't do what I requested, and it's even worse because it happens the same that before, I tried using document.readystatechange and it only make the script not to run. — z3nth10n
– z3nth10n, Commented Aug 28, 2015 at 16:19
Right... OK- Well you have to realise Tampermonkey runs in its own context.. like a seperate webpage that runs always. So you need to hook into the page event that the script is attached too. It can be navigate event, like onbeforeunload, or onlaod, or something generic. readystatechange is good start, look in jQuery source how they do it properly.. Basically on each page load, event onready gets fired and it triggers tampermonkey, if you used that. Otherwise your script runs over once per tab and doesnt hook into anything else. — Piotr Kula
– Piotr Kula, Commented Aug 28, 2015 at 16:25

woxxom · Accepted Answer · 2022-07-23 09:09:44Z

16

Listen to the custom events used by the youtube script:

window.addEventListener("yt-navigate-start", e => { console.log(e.type); }); window.addEventListener("yt-navigate-finish", e => { console.log(e.type); });

To see all these events in Chrome:

use DevTools → Elements panel → Event Listeners
use DevTools → Sources panel → Global Listeners

edited Jul 23, 2022 at 9:09

answered Aug 28, 2015 at 17:59

woxxom

75.2k15 gold badges161 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

z3nth10n Over a year ago

Thanks, but I have still have my initial issue, and is that for some reason the code doesn't want to execute inside it, or at least part of it. I will explain it, let me edit the post ;)

z3nth10n Over a year ago

Maybe it's good to put the two ways, on for 46 users and the other for 44 users.

z3nth10n Over a year ago

Yes, your answer is right, the problem is mine, I will try to make a quick fix and I will you in a minutes.

z3nth10n Over a year ago

Sorry, delete your last comment I think I solved it, thanks a lot! :D

sabasabo Over a year ago

It is possible to print the events to console with: monitorEvents(element); // Remove monitor: unmonitorEvents(element); Source: bluerivermountains.com/en/log-all-javascript-events

Collectives™ on Stack Overflow

Recall Tampermonkey script when page location changes

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related