Est-il possible d'injecter du code JavaScript dans le chargement de la page à partir du Chrome Developer Tools fenêtre?

Je veux ajouter un panneau à l'INTERFACE utilisateur de Chrome devtools fenêtre et afficher des informations sur le chargement de la page.
Pour obtenir de l'information, je veux injecter du code JavaScript avant le chargement de la page, afin que je puisse modifier le comportement de certaines méthodes.

J'ai testé avec le code suivant:

manifeste.json

{
  "name": "Test Dev Panel",
  "version": "0.1",
  "description": "Extends the Developer Tools, replacing Array.toString() with a bogus one.",
  "devtools_page": "devtools.html",
  "manifest_version": 2,
  "permissions": ["<all_urls>"],
  "content_scripts": [{
    "matches": ["http://*/*"],
    "js": ["bogusarray.js"],
    "run_at": "document_start"
  }]
}

devtools.js

chrome.devtools.panels.create("Text Dev Panel",
                          "img/iconDev.png",
                          "panel.html");

bogusarray.js

Array.prototype.toString = function () {
    return 'Injected!';
  };

Cependant, que le comportement de la Matrice.toString() ne change pas, le JavaScript (bogusarray.js semble jamais injecté dans le chargement des pages.
Est-il un avis sur cette?

Vous pourriez peut définir un point d'arrêt dans la première ligne du script, modifier et continuer...
Je pense que je suis fait.
A cet résoudre votre problème? Si oui, je tiens à poster ce que répondez donc les futurs lecteurs de trouver rapidement la solution.
Entendez-vous le point d'arrêt problème? Oui, j'ai ajouté une ligne de rupture dans la première ligne et retiré le trait d'union les noms de fichier, donc tout a fonctionné. (il semble impossible d'insérer du code dans une liste.)

OriginalL'auteur kuu | 2013-03-01

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *