Javascript Girl
  1. Javascript Girl
  3. Exécuter Javascript dans l'extension Chrome -> Basique?
Intereting Posts
Comment insérer un objet dans Firebase Forge? – AngularFire 0.8.0 – Thinkster – Chapitre 7 Phonegap – onDeviceReady () n'a pas été déclenché Amener la fenêtre Firefox à l'avant en utilisant l'addon Firefox Le déploiement de Meteor Up a échoué mais l'application fonctionne bien dans le développement Polymer partage les styles entre les éléments Événement d'incendie après défilement des barres de défilement ou de la roue de la souris avec javascript IPhone / Safari: Comment puis-je continuer à exécuter javascript en mode veille? Marqueur fixe dans le centre et glisser la carte pour obtenir lat, long Comment autoriser uniquement les caractères définis comme entrée en utilisant jQuery? Impossible d'ouvrir la fenêtre modal bootstrap comme itinéraire Vérifier si la fonction est un générateur Quels sont npm, bower, gulp, Yeoman, et grunt bon pour? JQuery double DIV dans un autre DIV Vérifie si clearInterval a été appelé? Événements iframe youtube

Exécuter Javascript dans l'extension Chrome -> Basique?

J'ai le sentiment que je manque quelque chose de très évident, mais j'ai regardé partout et je ne peux pas sembler que cela fonctionne. Bref, je souhaite transformer un petit script Javascript en une extension chrome pour faciliter l'utilisation.

Le script lit simplement le texte d'un textArea, modifie le script et le produit en div. Il fonctionne parfaitement avec n'importe quel navigateur lors de l'exécution autonome, mais ne semble pas vouloir fonctionner lorsqu'il a fonctionné comme une extension Chrome

Voici les fichiers (j'essaie essentiellement de convertir l'exemple):

Merci!

Manifest.json 

{ "manifest_version": 2, "name": "One-click Kittens", "description": "This extension demonstrates a 'browser action' with kittens.", "version": "1.0", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "https://secure.flickr.com/" ] }

Popup.html 

 <!doctype html> <html> <head> <title>Getting Started Extension's Popup</title> <style> body { min-width: 357px; overflow-x: hidden; } img { margin: 5px; border: 2px solid black; vertical-align: middle; width: 75px; height: 75px; } </style> <!-- - JavaScript and HTML must be in separate files: see our Content Security - Policy documentation[1] for details and explanation. - - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html --> <script src="popup.js"></script> </head> <body> <textarea id="source">Text Entry.</textarea> <button onclick="main()" id="buttons">Generate</button> <div id="result"> </div> </body> </html>

Popup.js 

 function main() { var source = document.getElementById('source').value; document.getElementById("result").innerHTML = source; }

Selon la documentation d'extension chromée,

Le JavaScript en ligne ne sera pas exécuté. Cette restriction interdit à la fois les blocs <script> ligne et les gestionnaires d'événements en ligne (par exemple, <button onclick="..."> ).

Lire: http://developer.chrome.com/extensions/contentSecurityPolicy.html#JSExecution

Utiliser dans popup.js comme 

 document.addEventListener('DOMContentLoaded', function () { document.querySelector('button').addEventListener('click', main); }); function main() { var source = document.getElementById('source').value; document.getElementById("result").innerHTML = source; }