未捕获的SyntaxError:Chrome扩展中popup.html文件的输入意外结束

时间:2014-08-18 04:16:15

标签: javascript jquery google-chrome-extension

我是第一次制作Chrome扩展程序。当我右键单击扩展图标并检查弹出窗口时,这就是我得到的错误。

  

未捕获的SyntaxError:意外的输入结束 myextension /popup.html

它在HTML文件上失败的事实让我感到困惑。我查看了大约10个其他类似的问题,大多数时候它显然是javascript文件中的语法错误。我带着几个不同的短裤露出了我,但仍然没有任何东西出现。有人可以帮我发现一个错误吗?这是62行:

function updatePopup(){
    listofbad = JSON.parse(localStorage["badguys"]);
    $('#dumpster').empty();
    var i = 0;
    for(i = 0; i < listofbad.length; i = i+1){
        $('#dumpster').append( listofbad[i] + "<br>");
    }
}

$(document).ready(function(){
    if(localStorage["badguys"] != undefined){
        var namesthe = JSON.parse(localStorage["badguys"]);
        updatePopup();
        chrome.tabs.query({
            active: true,
            currentWindow: true
            },
            function(tabs) {
                /* ...and send a request for the DOM info... */
                console.log("Sending message from popup to content");
                chrome.tabs.sendMessage(
                        tabs[0].id,
                        {from: 'popup', subject: 'DOMInfo', newnames: namesthe}
                );
            }
        );
    }
});

function save_options() {
    var thenames = [];
    if( localStorage["badguys"] != undefined ){
        thenames = JSON.parse(localStorage["badguys"]);
    }
    console.log("JSONParse: " + thenames.toString());
    //thenames = ["Aidenator", "Moobot", "Nightbot", "Teamevilmaster"];
    var elname = document.getElementById("namebox").value;
    if( $.inArray(elname, thenames) > -1 ){
        return false;
    }
    thenames.push(elname);
    localStorage["badguys"] = JSON.stringify(thenames);
    updatePopup();
    chrome.tabs.query({
        active: true,
        currentWindow: true
    }, function(tabs) {
        /* ...and send a request for the DOM info... */
        console.log("Sending message from popup to content");
        chrome.tabs.sendMessage(
                tabs[0].id,
                {from: 'popup', subject: 'DOMInfo', newnames: thenames}
        );
    });
}
document.getElementById('namebutton').addEventListener('click', save_options);

function clearlist() {
    localStorage["badguys"] = [];
    updatePopup();
}
document.getElementById('clearbutton').addEventListener('click', clearlist );

以下是与之相关的小HTML:

<!doctype html>
<head>
    <title>Extension Options</title>
    <script src="jquery.js" type="text/javascript"></script>
</head>

<body>
    <div id='status'></div>
    Annoying person's name:
    <input type='text' id="namebox"></input>
    <button id="namebutton">Add</button>
    <button id="clearbutton">Clear List</button>
    <hr>
    <center>
        <i>List of Removed People:</i>
    </center>
    <div id="dumpster"></div>
    <hr>
    <center>
        <img src="carlton.jpg" width="50px">
    </center>
    <script type="text/javascript" src="popup.js"></script>
</body>
</html>

也许我一直盯着屏幕太长时间无法发现任何错别字,但是如果有人能帮到我这里,那就太棒了。 Chrome扩展程序业务非常令人沮丧。

0 个答案:

没有答案