Google Chrome Extension - Script Injections

Que j'essaie de faire mon Extension Chrome pour injecter un peu de javascript avec content_scripts, à l'aide de cette précédente réponse comme une référence.

manifeste.json

"name": "My Chrome Extension",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [{
    "matches": ["http://pagetoinject/script/into/*"],
    "js": ["contentscript.js"]
}]

contenscript.js:

var s = document.createElement('script');
s.src = chrome.extension.getURL("script.js");
(document.head||document.documentElement).appendChild(s);
s.parentNode.removeChild(s);

( également essayé cette méthode, sans succès. )

var s = document.createElement('script');
s.src = chrome.extension.getURL("script.js");
s.onload = function() {
    this.parentNode.removeChild(this);
};
(document.head||document.documentElement).appendChild(s);

Je reçois cette erreur javascript. Voici un capture d'écran.

Google Chrome Extension - Script Injections
GET chrome-extension://invalid/
(anonymous function)

  • Pas sûr de ce qui se passe, mais pourquoi ne faites-vous pas ceci à la place: "js": ["contentscript.js","script.js"]
  • Parce que content_scripts sont exécutées dans un environnement isolé. J'ai besoin d'injecter de l' script.js dans les DOM afin que je puisse utiliser ce fichier comme si c'était une partie du public dossier js. C'est expliqué dans la première section de la cette réponse
  • Cette réponse est-ce que vous êtes en train dans le contenu du script. Il pourrait être ce que vous cherchez.
InformationsquelleAutor Nick Fury | 2012-05-10
  1. 92
    1. Dans votre fichier de manifeste, "manifest_version": 2 est spécifié. Cela active automatiquement une plus strictes de la mode, dans lequel toutes les extension des fichiers ne sont pas disponibles à des pages web par défaut.
    2. Votre code d'origine ne marcherait jamais, parce que le <script> élément est retiré immédiatement après l'injection (le fichier de script n'ont pas la chance de charge).

    Comme un résultat de 1., l'erreur suivante s'affiche dans la console:

    Failed to load resource                             chrome-extension://invalid/

    Pour résoudre le problème, ajouter script.js à la liste blanche, "web_accessible_resources" dans votre manifest file:

    { 
"nom": "Extension Chrome", 
"version": "1.0", 
"manifest_version": 2, 
"content_scripts": [{ 
"correspondances": ["http://pagetoinject/script/into/*"], 
"js": ["contentscript.js"] 
}], 
"web_accessible_resources": ["script.js"] 
}
    • Merci pour la réponse très tout a fonctionné exactement comme indiqué. Merci également pour l'origine du code de here
    InformationsquelleAutor Rob W
  2. 1

    Outre les réponses ci-dessus, je remarque que dans votre contentscript.js vous êtes juste ajouter un autre script que j'ai.e script.js Pourquoi ne pas ajouter directement script.js par content_scripts dans manifest.json.

    InformationsquelleAutor Abhishek Deora
  3. 0

    Une autre raison pour obtenir cette erreur si l'url est bloquée par la SCRO. Vérifiez la demande du réseau de l'en-tête de la page pour voir si elle contient du Contenu de la Politique de Sécurité:

    Content-Security-Policy: default-src 'self' http://example.com; connect-src http://example.com/; script-src http://example.com/

    Vous pouvez essayer d'ouvrir l'url dans un nouvel onglet de navigateur pour vérifier l'url de l'image est correcte:

    chrome-extension://mjcbjlencnokpknflpneebajalcnnifo/images/pattern.jpg

    Une façon de contourner cela est d'utiliser une image de données d'URI:

    data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7
    InformationsquelleAutor Kim T
  4. -5

    Le problème ici est que vous utilisez manifest_version : 2. Si vous faites ce manifest-version: 1 vous n'aurez pas tous les problèmes. La Version 2 limite de nombreuses fonctionnalités pour améliorer la sécurité. Reportez-vous Google Contenu De La Politique De Sécurité pour plus de détails sur les restrictions imposées dans le manifeste de la version 2. Je ne pouvais pas trouver votre cas particulier mentionné dans le CSP, mais quand j'ai changé la version du manifeste de 1 et exécuté votre code il fonctionne très bien.

    InformationsquelleAutor Jophin Joseph