Chrome应用程序和扩展程序的交互:Chrome应用程序中未加载JavaScript文件

时间:2019-04-19 06:52:23

标签: javascript google-chrome-extension google-chrome-app

我设法创建了一个扩展程序,当您单击按钮时,它会加载应用程序。该应用程序可以很好地加载,但是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"
 ],
}

0 个答案:

没有答案