Chrome 擴展程序不會從彈出文件中加載我的 JavaScript

Question

我正在為論壇構建 Chrome 擴展程序，但問題是我的 popup.html 的 JavaScript 不會做任何事情。 我在頂部添加了 alert("popup.js running...") 並且它確實出現了，但是我的彈出窗口根本不顯示。 這是一個問題，因為彈出頁面將需要 JavaScript。 我有點迷茫，所以我假設我只是錯過了一些阻止我的 JavaScript 運行的東西。 我聽說 AdBlock 擴展會阻止它運行，但我刪除了它，但它仍然不起作用。 有人看到問題嗎？

清單文件

{
    "name": "Riggy",
    "short_name": "Riggy",
    "description": "Create your own Roblox Forum signature with Riggy!",
    "version": "0.0.1",
    "manifest_version": 2,
    "browser_action": {
        "default_popup": "popup/popup.html"
    },
    "permissions": [
        "storage"
    ],
    "content_scripts": [
        {
            "matches": ["http://www.roblox.com/*"],
            "js": ["scripts/jquery.js", "scripts/content.js"]
        }
    ]
}

彈出窗口.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="popup.css" />
        <script type="text/javascript" src="scripts/jquery.js"></script>
    </head>
    <body>
        <span class="title">Riggy</span><br />
        <span>Signature: </span><input name="siggy" id="siggy" value="Riggy is greatness!" />
        <span id="output">[output]</span>
        <script type="text/javascript" src="popup.js"></script>
    </body>
</html>

彈出窗口.js

alert("popup.js running");
$(document).on("ready", function() {
    var siggy = $("#siggy");
    var output = $("#output");

    function message(text) {
        output.html(text);
    }

    siggy.change(function() {
        chrome.storage.sync.set({"siggy": siggy.val()}, function() {
            message("Saved signature.");
        });
    });

    message("Riggy is ready!");
});

Answer 1

我的一個擴展也有同樣的問題，我相信在我將它添加到清單文件后它已經修復了。

清單文件

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

更多信息請訪問： http : //developer.chrome.com/extensions/contentSecurityPolicy.html 。

Chrome 擴展程序不會從彈出文件中加載我的 JavaScript

問題描述

1 個解決方案

解決方案1
1 2013-12-02 01:19:28

Chrome 擴展程序不會從彈出文件中加載我的 JavaScript

問題描述

1 個解決方案

解決方案1 1 2013-12-02 01:19:28

解決方案1
1 2013-12-02 01:19:28