Chrome extension ajouter javascript externe au html de la page courante

Contenu scripts de faire pas exécuter dans le champ d'application de la page ( voir aussi ), ils sont exécutés dans un contexte entre votre poste et la page web.

puisque les trackers sont du type "Injected script", ceux-ci fonctionnent entièrement dans le contexte de la page web. Mais pas les variables _gaq et Hasync . Par conséquent, les scripts de piste ne peuvent pas lire les variables de configuration.

il y a deux (trois) façons de le réparer.

1. injectez votre code (tel qu'indiqué dans la question) en utilisant cette méthode . Utiliser cette méthode pour votre but est découragé , parce que votre script écrira une variable globale couramment utilisée. La mise en œuvre de votre script en utilisant cette méthode va break le suivi sur de nombreux sites Web - ne l'utilisez pas .
2. Fully exécutez le code dans le cadre d'un script de contenu:
   
   Deux options:
   1. Inclure des fichiers externes dans l'extension
   2. inclut les fichiers externes dans l'extension, plus implémenter une fonction de mise à jour automatique.

Méthode 1: copie entièrement locale

manifest.json (seules les parties pertinentes sont indiquées):

{
  "name": "Website Safety",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The Website Safety Extension.",
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["ga-config.js", "ga.js", "js15_as.js"]
    }
  ]
}

ga-config.js , définir les variables comme suit:

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31046309-1']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);

var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,1342541,4,0,0,0,00000000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);

télécharger https://ssl.google-analytics.com/ga.js , et le sauver comme ga.js .

Télécharger http://s10.histats.com/js15_as.js , et le sauver comme js15_as.js .

Méthode 2: injection a Mise à jour GA

si vous voulez avoir une version à jour de GA, une façon alambiquée d'injecter le code doit être utilisée, parce que les scripts de contenu ne peuvent pas être inclus à partir d'une URL externe .

une ancienne version de cette réponse s'est appuyée sur la page d'arrière-plan et chrome.tabs.executeScript à cette fin, mais depuis Chrome 20, une meilleure méthode est devenue disponible: utiliser le chrome.storage API pour mettre en cache le code JavaScript. Pour garder le code à jour, je stockerai une date de "dernière mise à jour" dans le stockage; vous pouvez également utiliser l'API chrome.alarms à la place.

Remarque: N'oubliez pas d'inclure une copie locale du fichier externe dans votre extension, dans le cas où l'utilisateur ne dispose pas d'une connexion internet, etc. ^{sans connexion internet, Google Analytics ne fonctionnerait pas de toute façon.}

script de contenu, activate-ga.js .

var UPDATE_INTERVAL = 2 * 60 * 60 * 1000; // Update after 2 hour

// Retrieve GA from storage
chrome.storage.local.get({
    lastUpdated: 0,
    code: ''
}, function(items) {
    if (Date.now() - items.lastUpdated > UPDATE_INTERVAL) {
        // Get updated file, and if found, save it.
        get('https://ssl.google-analytics.com/ga.js', function(code) {
            if (!code) return;
            chrome.storage.local.set({lastUpdated: Date.now(), code: code});
        });
    }
    if (items.code) // Cached GA is available, use it
        execute(items.code);
    else // No cached version yet. Load from extension
        get(chrome.extension.getURL('ga.js'), execute);
});

// Typically run within a few milliseconds
function execute(code) {
    try { window.eval(code); } catch (e) { console.error(e); }
    // Run the rest of your code.
    // If your extension depends on GA, initialize it from here.
    // ...
}

function get(url, callback) {
    var x = new XMLHttpRequest();
    x.onload = x.onerror = function() { callback(x.responseText); };
    x.open('GET', url);
    x.send();
}

Minimum fichier manifeste:

{
  "name": "Website Safety",
  "version": "1.0",
  "manifest_version": 2,
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["activate-ga.js"]
    }
  ],
  "web_accessible_resources": ["ga.js"]
}

La même méthode peut être utilisée pour d'autres trackers. Le minimum d'exigences en matière d'autorisation:

• https://ssl.google-analytics.com/ga.js , donc cela devrait être ajouté à la section des permissions. https://*/* ou <all_urls> est également suffisant.
• optionnel : unlimitedStorage - si vous souhaitez stocker un grand morceau de données avec chrome.storage .