Comment automatiquement injecter du code JavaScript dans les pages web, tels que ses variables peut être consulté à partir de la console développeur

J'ai une bibliothèque de fonctions JavaScript que je veux être en mesure d'accéder à partir de la console développeur de un navigateur web. Je veux être en mesure d'exécuter mes fonctions côte-à-côte avec les fonctions et les variables définies par la page web.

Une solution que je vois est de simplement copier/coller avec le code directement dans le navigateur de la console et ensuite de l'utiliser, mais ce serait mieux si il y avait une solution plus élégante, surtout parce que ma base de code pourrait croître beaucoup, et je ne veux pas avoir à copier/coller à chaque fois que je charge.

Une autre solution j'ai été en utilisant les Extensions de Chrome. Extension Chrome Contenu des Scripts (https://developer.chrome.com/extensions/content_scripts.html#host-page-communication) permettent de code JavaScript à exécuter automatiquement sur les visites de pages web, cependant, le ci-dessus précise la page web que

"[Scripts de contenu ne peut pas] utiliser des variables ou des fonctions définies par les pages web ou par d'autres scripts de contenu."

Est-il un autre moyen d'accomplir cela?

Merci pour l'aide!

Peut-être quelque chose comme Tampermonkey
tampermonkey ou greasemonkey travail. je voudrais faire un simple script qui permet de faire un script à distance de la balise, et de modifier le code dans cette distance url pour un entretien facile.
Je suis à la recherche dans ce droit maintenant, et je pense que c'est ce que je veux. Je peut finir à l'aide de la source (code.google.com/p/tampermonkey/source/browse/trunk/build_sys/...) pour comprendre comment il fonctionne et de le reproduire à la place.

OriginalL'auteur crouleau | 2013-07-06

  1. 3

    Mise à JOUR (7/7/2013):

    J'ai été mise à jour pour Firefox v22 et a conclu que sur cette dernière version (ou les dernières versions... je suis pas sûr), le haut-Développeur Web outil de Javascript Pavé (appuyez sur Shift + F4 pour le tirer vers le haut) qui va vous permettre de taper un code ou, dans votre cas, de charger un fichier JS et l'exécuter sur une page chargée.

    Je n'ai pas testé beaucoup mais j'ai ajouté un couple de variables à une page existante et ils étaient tous deux accessibles via le haut de la console ainsi que de la console de Firebug. Il suffit de ne File > Open File pour ouvrir votre fichier JS et ensuite faire Execute > Run.

    Une option consiste à créer un bookmarklet (réutilisable et peut être injecté dans n'importe quelle page) mais il ne fonctionne que pour la plus simple script. Voir: ici

    OriginalL'auteur Adi Hidayat

  2. -2

    Une fois que votre page est chargée dans un navigateur, toutes les fonctions javascript serait sous la "fenêtre" de l'objet.
    Comme si vous devez,

    function mytestfunciton() {
  console.log('This is a test');
}

    Sur votre fenêtre de console juste essayer ces

    window.mytestfunciton();
//and get the response below
This is a test

    Vous pouvez également envelopper dans une variable globale quelque chose comme

    var myapp = {};
myapp.add = function(a,b) {
            myapp.sumvalue = a + b;
                            console.log('Sum Value:'+myapp.sumvalue);
        };
myapp.substract = function (a,b) {
            myapp.differencevalue = a - b; 
                            console.log('Difference Value:'+myapp.differencevalue);
          };

    À toutes vos fonctions sont maintenant enroulé dans la variable globale myapp et vous pouvez maintenant appeler à partir de la console en utilisant quelque chose comme

    myapp.add(5,4);

    ou comme avant à l'aide de la "fenêtre" objet

    window.myapp.add(5,4);
    Cette réponse ne tient pas compte de l'isolation entre les scripts de contenu et la page de window objet que la question des citations.

    OriginalL'auteur PJR