Skip to main content
adicionou 729 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
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)

window.addEventListener('popstate', function (e) {
    if (location.pathname.indexOf("/stories/") === 0) {
         // Execute algo nas páginas de stories, exemplo:
         funcoesStories();
    } else {
         // Execute algo nas outras páginas, exemplo:
         outrasFuncoes();
    }
});

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.

//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() {
        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)

adicionou 729 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Separe em 2 scripts um só para o site todo e outro especifico para o stories, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*


Alternativamente você pode usar o evento popstate dentro de contentScript.js para detectar mudanças de endereço com pushState e replaceState que é comum em no instagram.com, nesse caso não irá separar os scripts, então faça algo como dentro de contentScript.js:

window.addEventListener('popstate', function (e) {
    if (location.pathname.indexOf("/stories/") === 0) {
         // Execute algo nas páginas de stories, exemplo:
         funcoesStories();
    } else {
         // Execute algo nas outras páginas, exemplo:
         outrasFuncoes();
    }
});

E no manifest.json deve usar somente:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }
],

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.

Separe em 2 scripts um só para o site todo e outro especifico para o stories, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*

Separe em 2 scripts um só para o site todo e outro especifico para o stories, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*


Alternativamente você pode usar o evento popstate dentro de contentScript.js para detectar mudanças de endereço com pushState e replaceState que é comum em no instagram.com, nesse caso não irá separar os scripts, então faça algo como dentro de contentScript.js:

window.addEventListener('popstate', function (e) {
    if (location.pathname.indexOf("/stories/") === 0) {
         // Execute algo nas páginas de stories, exemplo:
         funcoesStories();
    } else {
         // Execute algo nas outras páginas, exemplo:
         outrasFuncoes();
    }
});

E no manifest.json deve usar somente:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }
],

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.

adicionou 1 caractere ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Separe em 2 scripts um só para o site todo e outro especifico para o storesstories, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*

Separe em 2 scripts um só para o site todo e outro especifico para o stores, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*

Separe em 2 scripts um só para o site todo e outro especifico para o stories, algo como:

"content_scripts": [
  {
    "matches": ["*://*.instagram.com/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["contentScript.js"]
  }, {
    "matches": ["*://*.instagram.com/stories/*"],
    "run_at": "document_idle",
    "all_frames": true,
    "js": ["storiesScript.js"]
  }
],

Sendo contentScript.js para todas páginas *://*.instagram.com/* e sendo storiesScript.js para todas páginas *://*.instagram.com/stories*

Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando