首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Chrome Countdown扩展

Chrome Countdown扩展
EN

Stack Overflow用户
提问于 2012-12-02 07:29:34
回答 1查看 299关注 0票数 0

我已经修改了this倒计时脚本,每天下午4:20倒计时。我曾尝试创建一个Google Chrome应用程序来显示倒计时。javascript应该用剩下的时间替换id为"note“的段落标记。当我在chrome中加载页面时,它可以工作,但是当我加载扩展时,它就不工作了。例如,如果我放入:

代码语言:javascript
复制
<p id="note">asdf</a>

我得到的只是文本"asdf",但当我打开html文件时,我得到的是倒计时。

下面是manifest.json文件:

代码语言:javascript
复制
{
  "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代码:

代码语言:javascript
复制
<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>

对popup.html页面执行Here's命令,显示该脚本正常工作。

谢谢你们,如果我不能让它工作,那也没什么大不了的。我只是觉得无聊,决定学点东西。

编辑:我的页面的主要问题是,当我不得不在本地加载javascript和css时,我会尝试从互联网上加载。现在它起作用了。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-02 08:01:44

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13664968

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档