Extension Chrome - pour modifier un champ de texte

Je suis en train d'écrire ma première extension Chrome. Il serait, quand on clique dessus, de remplir automatiquement les champs d'une ID et le mot de passe de mon Université et la page de connexion (qui a sa forme de l'auto-remplissage des personnes handicapées).
C'est un très spécifique de la page.

J'ai un peu de problème.
J'ai cherché sur Google et AINSI, mais ne pouvait pas trouver une explication sur la façon de modifier la valeur d'un champ de texte par le biais de google Chrome. Je sais comment le faire en HTML et en JavaScript, mais je ne pouvais pas obtenir la bonne entrée de modifier son texte.

J'ai aussi essayé d'utiliser jQuery à l'aide de quelques exemples, que j'ai trouvé, mais pas de chance.
J'ai une page HTML (popup.html) qui appelle un fichier JavaScript.
J'ai aussi essayé de placer le JS dans un contenu script

Voici le manifeste.json:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
      "tabs", "http://*/*"
    ],
    "content_scripts": [
      {
        "matches": ["http://*/*"],
        "js": ["jquery-1.7.2.min.js","content.js"]
      }
  ]
}

Un de mes tentative de popup.js (qui est appelée à partir popup.html):

chrome.tabs.getSelected(null, function(tab) {
    console.log(document)
});

J'ai aussi essayé de placer ce code à l'intérieur de la content.js. même résultat,
Il imprime à la console, mais il imprime le popup.html contenu..

J'ai aussi essayé directement (et de la méthode ci-dessus) pour accéder à un élément directement par document.getElementById() mais toujours pas de chance..

Donc,
Quelqu'un peut me dire ce que je fais mal?

serait-il plus simple de la force de saisie automatique?
Je ne sais pas. 🙂 Quand je regarde la source, il est dit dans la forme autocomplete="OFF" peut-il être modifié de sorte qu'il permettrait la saisie semi-automatique et rappelez-vous ce que je entré? Je ne sais pas. aussi, j'aimerais savoir comment le faire de toute façon.
les chances sont de votre extension pourrait juste recherche de formes avec remplissage automatique des handicapés et de leur permettre.

OriginalL'auteur La bla bla | 2012-08-07

google-chrome-extension javascript

7

Vous avez besoin d'injecter un fichier JavaScript de la page à l'aide de la "web_accessible_resources" attribut. Voir ici:

manifeste.json
```
{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
      "tabs", "http://*/*"
    ],
    "content_scripts": [
      {
        "matches": ["http://*/*"],
        "js": ["jquery-1.7.2.min.js","content.js"],
        "run_at": "document_start"
      }
  ],
  "web_accessible_resources": ["inject.js"]
}
```
inject.js
```
(function () {
    console.log('test');
}());
```
content.js
```
(function (chrome) {
    var js = document.createElement('script');
    js.type = 'text/javascript';
    js.src = chrome.extension.getURL('inject.js');
    document.getElementsByTagName('head')[0].appendChild(js);
}(chrome));
```
Puis il suffit de mettre le code JavaScript que vous souhaitez utiliser dans inject.js pour manipuler la page. Assurez-vous de changer de matchs pour seulement correspondre à votre Université de la page de connexion.

La raison de ce qui est le cas c'est parce que les extensions de Chrome peut exécuter et exploiter sur leur propre peu importe quel site vous vous trouvez. Et ils peuvent continuer à les traiter comme vous changez de page. Ils sont dans leur propre environnement en bac à sable.

Cela ne fonctionne toujours pas. il fait la même chose. où dois-je mettre un appel à inject.js? seulement dans le manifeste?
Yah. Fonctionne très bien pour l'extension que j'ai fait. Il est important cependant que vous changez de "correspondances" à la page que vous souhaitez manipuler.
PS - Si vous souhaitez utiliser JQuery, vous aurez à charge de la bibliothèque dans "web_accessible_resources". Oh! et n'oubliez pas de recharger l'extension. Personnellement, j'ai oublié de le faire tout le temps et finissent par chasser les bugs que je fixe la première fois autour. 😉
Fait les deux, mais toujours pas aller. J'essaie juste pour se connecter à quelque chose de console, pour voir que l'inject.js est appelé, mais rien n'est imprimé sur la console.. (Extension de la console)
Le problème, c'est le "run_at": "document_start". Au document_start sur certaines pages/navigateurs, il semble que la tête n'est pas défini. Changement de "document_end" et puis, la tête est défini, et il devrait fonctionner. (Qu'il fixe dans mon test)

OriginalL'auteur Micah Henning

Je pense que vous devriez utiliser un contenu simple script qui est exécuté sur la page de connexion. Vous n'avez même pas besoin de n'importe quel navigateur d'action ou un pop-up pour que.

Voici un manifeste:

{
    "name": "Fill my password",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Fills my password on University login page",
    "content_scripts": [
        {
            "matches": ["http://www.myuniversity.edu/login.html"],
            "js": ["content.js"]
        }
    ]
}

Et voici le contenu du script:

//define your username and password
var myUsername = '...';
var myPassword = '...';

//find the fiends in your login form
var loginField = document.getElementById('...');
var passwordField = document.getElementById('...');

//fill in your username and password
loginField.value = myUsername;
passwordField.value = myPassword;

//if you want, you can even automaticaly submit the login form
var loginForm = document.getElementById('...');
loginForm.submit();

OriginalL'auteur Fczbkk

0

Solution de contournement Possible(extension chrome): La saisie semi-automatique = sur, mais il pourrait ne pas fonctionner avec certains formulaires.

OriginalL'auteur Jan.J

Vous devez vous connecter pour publier un commentaire.