简单的Chrome扩展程序不会显示弹出窗口

时间:2014-04-04 02:44:02

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

我正在制作一个简单的chrome扩展程序,它应该向我显示弹出窗口中的时间。我在这里和那里使用在线资源来学习。这是我的清单:

{
  "manifest_version": 2,

  "name": "Time Machine",
  "version": "1.0",
  "description": "Get the right time, always!",

  "browser_action": {
    "default_icon": "icon19.png",
    "popup" : "popup.html"
  }
}  

popup.html

<!DOCTYPE HTML>
<html>
    <style>
        body, html{
            height : 100%;
        }

        body{
            display : flex;
            display : -webkit-flex;
            flex-direction : row;
            -webkit-flex-direction : row;
            justify-content : center;
            align-items : center;
        }

        .maincontent{
            width : 100%;
            display : flex;
            display : -webkit-flex;
            flex-direction : row;
            -webkit-flex-direction : row;
            justify-content : center;
            align-items : center;
        }

    </style>
    <title>Time Machine</title>
    <body>
        <div class="maincontent">
            <p id="time"></p>
        </div>
    </body>
    <script>
        var time = document.getElementById("time");
        window.onload = function(){
            time.innerHTML = Date();
        }

        setInterval(function(){ time.innerHTML = Date(); },1000);

    </script>
</html> 

但是,在加载解压缩的Chrome扩展程序后单击图标时,没有任何反复发生。我没有看到弹出窗口。 出了什么问题?

1 个答案:

答案 0 :(得分:3)

 "popup" : "popup.html"  

需要更改为

 "default_popup" : "popup.html"