Question

我已将this倒计时脚本修改为每天下午4:20倒计时。我试图创建一个显示倒计时的Google Chrome应用。 javascript应该用剩下的时间替换id为“note”的段落标记。它在我用chrome加载页面时有效，但在加载扩展时不起作用。例如，如果我把：

<p id="note">asdf</a>

我只得到文字“asdf”，但是当我打开html文件时，我得到了倒计时。

这是manifest.json文件：

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

这是popup.html代码：

<html>
<head>
    <title>4:20PM Countdown</title>

    <!-- Our CSS stylesheet file -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
    <link rel="stylesheet" href="http://treesmoke.com/cd/assets/css/styles.css" />
    <link rel="stylesheet" href="http://treesmoke.com/cd/assets/countdown/jquery.countdown.css" />
</head>

<body>
    <p id="note">asdf</p>
    <!-- JavaScript includes -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="http://treesmoke.com/cd/assets/countdown/jquery.countdown.js"></script>
    <script type="text/javascript" src="http://treesmoke.com/cd/assets/js/script.js"></script>
</body>
</html>

Here's popup.html页面，显示脚本有效。

谢谢你们，如果我不能让它发挥作用，那就没什么大不了的了。我感到很无聊，决定稍微学习一下。

编辑：我的网页的主要问题是，当我不得不在本地进行操作时，我尝试从互联网上加载javascript和css。现在它有效。

Answer 1

您应该阅读this SO article，解释扩展中的外部js加载。它应该解决你的问题。

Chrome倒计时扩展程序

1 个答案: