window//Isolado escopo
(function (w, h) {
var pushState = h.pushState,
replaceState = h.replaceState;
h.pushState = function (state, title, url) {
setTimeout(detectChange, 1);
return pushState.call(h, null, title, url);
};
h.replaceState = function (state, title, url) {
setTimeout(detectChange, 1);
return replaceState.call(h, null, title, url);
};
// dispara quando o script é inserido na página
detectChange();
// adiciona o evento popstate para quando o usuário usar back ou foward
w.addEventListener('popstate', detectChange);
function detectChange(e) {
console.log('troca de URL');
if (location.pathname.indexOf("/stories/") === 0) {
// Execute algo nas páginas de stories, exemplo:
funcoesStories();
} else {
// Execute algo nas outras páginas, exemplo:
outrasFuncoes();
}
}
})(window, history);
Usei location.pathname
para pegar o PATH da URL e com .indexOf("/stories/") === 0
checa se o PATH é /stories/ ou outra página dentro dela.
Note que reescrevi o history.pushState
e history.replaceState
pois eles não disparam o evento popstate
(detalhes em https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onpopstate)