Ejecutar Javascript en Chrome Extension -> Basic?

Me da la sensación de que me estoy perdiendo algo muy obvio, pero he estado buscando por todas partes y parece que no puedo hacer que esto funcione. En resumen, quiero convertir un pequeño script de Javascript en una extensión de Chrome para que sea más fácil de usar.

La secuencia de comandos simplemente lee el texto de un área de texto, modifica la secuencia de comandos y la envía a un div. Funciona perfectamente con cualquier navegador cuando se ejecuta de forma independiente, pero no parece querer funcionar cuando se ejecuta como una extensión de Chrome

Aquí están los archivos (básicamente estoy tratando de convertir el ejemplo):

¡Gracias!

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

    Getting Started Extension's Popup  body { min-width: 357px; overflow-x: hidden; } img { margin: 5px; border: 2px solid black; vertical-align: middle; width: 75px; height: 75px; }        

popup.js

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

One Solution collect form web for “Ejecutar Javascript en Chrome Extension -> Basic?”

Según la documentación de la extensión de Chrome,

Inline JavaScript no será ejecutado. Esta restricción prohíbe tanto los bloques línea como los controladores de eventos en línea (por ejemplo, ).

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

Usar en popup.js como

 document.addEventListener('DOMContentLoaded', function () { document.querySelector('button').addEventListener('click', main); }); function main() { var source = document.getElementById('source').value; document.getElementById("result").innerHTML = source; } 
  • Chrome bloqueando javascript en localhost
  • La iteración a través de las properties del Objeto produce diferentes resultados en diferentes browseres
  • Chrome y safari no representan div correctamente
  • La image de background animada en un <div> oculto no carga o carga no animada
  • Forzar ocultar la barra de direcciones en Chrome en Android
  • ZeroClipboard simplemente no funciona
  • utilizando reactjsr js en la extensión de Chrome
  • ¿Chrome soporta document.selection?
  • guardando y recuperando de chrome.storage.sync
  • Operaciones táctiles obsoletas en aplicaciones mobilees
  • Highchart no está funcionando en Google Chrome
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.