No se pueden llamar funciones a los scripts de contenido haciendo clic en la imagen
Esto es lo que tengo aquí:
"manifest.json"
{..."permissions": [
"https:/mywebsite.com/"],"content_scripts": [{
"matches" : ["http://*/*", "https://*/*"],
"js": ["js/jquery-1.7.2.min.js", "contentScript1.js", "contentScript2.js"],
"all_frames" : true,
"run_at": "document_end"
} ]}
"contentScript1.js"
$(document).ready(function() {
$('#someDiv').load('https://mywebsite.com/index.html');}
"contentScript2.js"
function showMessage()
{alert ('Hello World!');}
"index.html"
<a href="" onclick="showMessage();"> <img src="https://mywebsite.com/images/myimage.png"></a>
Lo que realmente estoy haciendo aquí es inyectar una imagen al código de la página que estoy visitando y puedo esperar que al hacer clic en la imagen aparezca el mensaje "Hola mundo". A pesar del hecho de que los scripts de contenido y la imagen se cargan correctamente, cuando hago clic en la imagen, no se llama a la función y aparece el siguiente error en la consola:
Error de referencia no detectado: showMessage no está definido
Supongo que no puede encontrar la función tal como la está buscando en el sitio web en el que he inyectado el código y no en los scripts de contenido. Pero, ¿por qué? Quiero decir que si llamo a la función dentro de la secuencia de comandos de contenido cuando está cargada y no haciendo clic en la imagen, aparece el mensaje. ¿Alguien puede sacarme de aquí?