我设法创建了一个扩展程序,当您单击按钮时,它会加载应用程序。该应用程序可以很好地加载,但是index.html文件中对contentAppScript的引用似乎没有加载。我的应用程序中有一个按钮,当单击它时,它应该只会发送一条简单的消息。
在应用程序的main.js中,我有一个侦听器,用于检查扩展的消息(此部分工作正常)
chrome.runtime.onMessageExternal.addListener(
function(request, sender, sendResponse){
if(request.msg == "buttonWasClickToSetEverythingAllInfoOfCards"){
console.log("just testing it out");
chrome.app.window.create("index.html", {
});
}
});
index.html
<!DOCTYPE html>
<html>
<head>
<script scr="contentAppScript.js"></script>
</head>
<body>
<input id="input" type="button"></input>
</body>
</html>
,然后在contentAppScript.js
中window.addEventListener("load", function(){
document.getElementById("input").addEventListener("click", buttonClicked);
});
function buttonClicked(){
console.log("we clicked the button");
}
但是它似乎甚至没有加载contentAppScript.js。如果我以后在控制台中创建此文件,则一切正常,并记录点击次数。在这种情况下我怎么了?
这是应用程序的清单:
{
"name": "Homepage App",
"description": "The Homepage App",
"version": "1",
"manifest_version": 2,
"app": {
"background":{
"scripts":[
"main.js"
]
}
},
"permissions":[
{"fileSystem": ["write", "retainEntries", "directory"]},
"storage", "browser", "notifications"
],
}