Extension Chrome code vs Contenu des scripts vs Injecté scripts

J'essaie d'obtenir mon Extension Chrome pour exécuter la fonction init() chaque fois qu'une nouvelle page est chargée, mais j'ai de la difficulté à comprendre comment le faire. Ce que je comprends, j'ai besoin de faire ce qui suit dans background.html:

  1. Utilisation chrome.tabs.onUpdated.addListener() pour vérifier si la page est
    changé
  2. Utilisation chrome.tabs.executeScript pour exécuter un script.

C'est le code que j'ai:

//background.html
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    chrome.tabs.executeScript(null, {code:"init();"});
});

//script.js
function init() {
    alert("It works!");
}

Je suis également se demander si la fonction init() aura accès à mes autres fonctions situées dans d'autres fichiers JS?

InformationsquelleAutor Jon | 2012-03-28
  1. 156

    Du code JavaScript dans les extensions de Chrome peuvent être répartis dans les groupes suivants:

    • Code d'Extension - accès Complet à tous les permis chrome.* Api.

      Cela comprend la page d'arrière-plan, et toutes les pages qui ont un accès direct à celui-ci via chrome.l'extension.getBackgroundPage(), comme le navigateur pop-ups.

    • Le contenu des scripts (via le fichier de manifeste ou de chrome.onglets.executeScript) - Partielle accès à certains des chrome Api, un accès complet à la page du DOM (pas à l'un des window objets, y compris les cadres).

      Le contenu des scripts s'exécutent dans un champ entre l'extension et la page. Le mondial window objet d'un Contenu script est distincte de la page/l'extension de l'espace de noms global.

    • Injecté scripts (via cette méthode dans un Contenu de script) - accès Complet à toutes les propriétés de la page. Pas accès à l'un des chrome.* Api.

      Injecté scripts se comportent comme s'ils étaient inclus dans la page elle-même, et ne sont pas connectés à l'extension d'une quelconque façon. Voir ce post pour en savoir plus sur les différentes méthodes d'injection.

    Pour envoyer un message à partir de l'injection de script pour le contenu du script, les événements doivent être utilisés. Voir cette réponse pour un exemple. Remarque: le Message transporté dans une extension d'un contexte à l'autre sont automatiquement (JSON)-sérialisés et analysé.

    Dans votre cas, le code de la page d'arrière-plan (chrome.onglets.onUpdated) est probablement appelée avant que le contenu du script script.js est évaluée. Ainsi, vous obtiendrez un ReferenceError, parce que init ne l'est pas .

    Aussi, lorsque vous utilisez chrome.tabs.onUpdated, assurez-vous de tester si la page est complètement chargée, parce que l'événement se déclenche deux fois: Avant de charger, et sur la finition:

    //background.html
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete') {
        //Execute some script when the page is fully (DOM) ready
        chrome.tabs.executeScript(null, {code:"init();"});
    }
});
    • Merci pour l'astuce sur chrome.tabs.onUpdated tir deux fois. Donc ma question je suppose que c'est comment aurais-je injecter init()? Doit-on injecter tous mes JavaScripts? init() est normalement appelée lorsque l'utilisateur clique sur le Navigateur icône d'Action, et init() déclenche un tas d'autres fonctions.
    • Quand il ont d'accéder à la page de variables globales, injecter du script. Lorsque function init a pour accéder à la page et extensions de code, l'utilisation d'un contenu de script. Voir le lié réponse pour voir comment injecter des scripts, et cette réponse pour un guide sur la mise en œuvre d'un Contenu de script qui a pour accéder à la page de variables.
    • je vous remercie beaucoup. Il a fonctionné à merveille 🙂
    • Salut @RobW , j'ai 1 question. En termes de performances ou la transformation, à la fois faire la différence. Si j'ai des gros script, quel est le meilleur endroit pour faire des fond ou le contenu du script? Ou les deux façons de créer des défaillances?
    • Si c'est le CPU-intensive, envisagez l'utilisation d'un Travailleur dans une page d'arrière-plan. Si il est coûteuse en temps étape d'initialisation, utilisez un fond de script. Si d'autre part il y a l'onglet/page de code spécifiques, par exemple, s'appuie fortement sur le DOM (et la réactivité de la page d'arrière-plan est important), l'utilisation d'un contenu de script, car l'exécution de JavaScript dans un onglet, il ne sera pas interférer avec un autre onglet, tandis que de le mettre dans la page de fond empêche l'extension de fond du script à partir de répondre à d'autres événements.
    • Pour chrome.tabs.executeScript, console, localStorage de travail, même si elles sont globales de la fenêtre des objets. Mais pas ceux dont la demande a défini dans la fenêtre de l'espace de noms par exemple window.ContextHub = window.ContextHub || {};. Est-il dans la liste blanche de définir ce qui est permis et ce qui ne l'est pas?

    InformationsquelleAutor Rob W