Oto co mam tutaj:

„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>

To, co aktualnie robię, to wstrzyknięcie klikalnego obrazu do kodu strony, którą odwiedzam i oczekuję, że po kliknięciu zdjęcia pojawi się komunikat „Witaj świecie”. Pomimo tego, że skrypty zawartości i obraz są ładowane pomyślnie, po kliknięciu obrazu funkcja nie jest wywoływana i pojawia się następujący błąd w konsoli:

Nieprzechwycony ReferenceError: showMessage nie jest zdefiniowany

Przypuszczam, że nie może znaleźć funkcji, ponieważ szuka jej w witrynie, do której wstrzyknęłam kod, a nie do skryptów zawartości. Ale dlaczego tak jest, jeśli wywołam funkcję w skrypcie treści po jej załadowaniu, a nie kliknięciu obrazu, pojawi się komunikat. Czy ktoś może mnie stąd wydostać?