Chrome Extension no cargará mi JavaScript desde el archivo emergente

Question

Nov 23, 2013, 01:42 AM

html jquery javascript popup google-chrome

Chrome Extension no cargará mi JavaScript desde el archivo emergente

Estoy trabajando en la construcción de una extensión de Chrome para un foro, pero el problema es que el JavaScript de mi popup.html no hará nada. Agregué alerta ("popup.js corriendo ...") en la parte superior y aparece, pero luego mi ventana emergente no se muestra en absoluto. Este es un problema porque se requerirá JavaScript para la página emergente. Estoy un poco perdido, así que asumo que me estoy perdiendo algo que impide que se ejecute mi JavaScript. Escuché que la extensión AdBlock evitaría que se ejecutara, pero eliminé eso y todavía no funcionó. ¿Alguien ve un problema?

manifest.json

{
    "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"]
        }
    ]
}

popup.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>

popup.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!");
});