刷新后在网站上运行javascript

Question

What I would like to achieve is this: refresh website run my javascript script on it (just as if I put it in Chrome console).

Question is: how to achieve it?

I can also use PHP for this (set server on my computer that wil be redirecting to the desired website and execute my javascript program on it).

Some example of functionality I want to achieve:

Go to stackoverflow.com -> click StackExchange (you can see it in the top left corner, it can be accessed by a querySelector() in JS) -> refresh stackoverflow.com -> click StackExchange again -> repeat...

Answer 1

如果要刷新单击DOM元素后的页面，可以将事件处理程序附加到该元素，然后在事件处理程序中执行location.reload()以重新加载页面 。

Answer 2

 //When the document has loaded, call the function
    document.addEventListener("DOMContentLoaded", function(event) { 
        if(window.location.hash == "#page"){
            console.log("Page reloaded!");
        }else{
            console.log("Page has a new hit!");
        }
    });

You can use DOMContentLoaded event listener to solve your problem.

Answer 3

You can do something like this -

var value = localStorage.getItem("logdata");

if(value != null) {
    eval(value);
    logdata();
}

And try to add logdata to localStorage from console. Example - localStorage.setItem("logdata", "var logdata = function(e) { console.log('data logged.'); }");

Now when you load the page, logdata function will be called and you can have your code executed.