Chrome扩展程序的Javascript外部脚本无法正常工作

Question

我目前正在开发Chrome扩展程序，但是它似乎无法执行任何Javascript。

$(document).ready(function () {
    $("#overlay").hide();
});

在此示例中，我试图隐藏ID为“ overlay”的div，但它似乎无法正常工作。 存储在外部文件（popup.js）中

表现：

{
    "name": "Test",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "",
    "offline_enabled": true,
    "background": {
     "scripts": [
         "js/background.js"
           ]
    },
    "icons": { "16": "android-16.png",
           "48": "android-48.png",
           "128": "android-128.png"
    },
    "browser_action": {
        "default_icon" : "android-128.png",
        "default_title": "",
        "default_popup": "index.html"
    },
    "permissions": [
        "background", "unlimitedStorage", "tabs"
    ],
    "web_accessible_resources": [
    "index.html","js/popup.js"
    ]
}

位于正文结束标记之前的HTML链接：

<script src="js/background.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/popup.js"></script>

Answer 1

就像@Xan由于CSP会阻止脚本一样 ，避免这种情况的最佳方法，要做到这一点，就要下载jquery.js并将其作为扩展的一部分。