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; } 
  • HTML5 manifest y cromo
  • ¿Cómo agregar una nueva class a Google V8?
  • Jquery Date.parse devolviendo NaN en el browser Chrome?
  • Permita que otras extensiones manejen la configuration del proxy
  • Perder coincidencia de consulta de medios después de cambiar portrait-landscape-portrait
  • Punto de interrupción de salto del depurador de Google Chrome
  • Android 4 Chrome golpeó problema de testing en events táctiles después de la transformación CSS
  • jQuery SlideToggle () no funciona en Firefox, funciona en Chrome
  • JavaScript no siempre funciona en la extensión de Chrome, ¿cuándo debería ejecutarlo?
  • Velocidad de Javascript - Chrome v Firefox
  • Chrome no reproduce video html5 en tags duplicadas
  • ¿Cómo puedo abrir un enlace desde una window emergente de extensión de Google Chrome en la misma pestaña?
  • ¿Hay alguna manera de desactivar el corrector ortográfico en un área de text en Chrome usando JavaScript o CSS?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.