我已经修改了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>对popup.html页面执行Here's命令,显示该脚本正常工作。
谢谢你们,如果我不能让它工作,那也没什么大不了的。我只是觉得无聊,决定学点东西。
编辑:我的页面的主要问题是,当我不得不在本地加载javascript和css时,我会尝试从互联网上加载。现在它起作用了。
发布于 2012-12-02 08:01:44
您应该阅读this SO article,它解释了扩展中的外部js加载。它应该可以解决你的问题。
https://stackoverflow.com/questions/13664968
复制相似问题