0

このカウントダウン スクリプトを、毎日午後 4 時 20 分までカウントダウンするように変更しました。カウントダウンを表示する Google Chrome アプリを作成しようとしました。JavaScript は、"note" の id を持つ段落タグを残り時間で置き換えると想定されています。クロムでページをロードすると機能しますが、拡張機能をロードすると機能しません。例、私が置くと：

<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ページで、スクリプトが機能することを示しています。

みんなありがとう、私がそれを働かせることができなくても、それは大したことではありません。退屈だったので、少し勉強することにしました。

編集: 私のページの主な問題は、ローカルで実行する必要があるときに、インターネットから javascript と css を読み込もうとしたことです。今では動作します。

4

1 に答える 1

0

拡張機能での外部jsの読み込みについて説明しているこのSOの記事を読む必要があります。それはあなたの問題を解決するはずです。

于 2012-12-02T00:01:44.350 に答える