javascript - Chrome 扩展加载 Jquery 时出错

Question

我正在开发 chrome 扩展程序，但我的内容脚本出现错误

$/jQuery not being defined.

所以我尝试使用我的 list 文件嵌入 jquery，并将 jquery 下载到我的扩展文件夹中，但无论出于何种原因，我收到此错误 --

Denying load of chrome-extension://gfdmfdmhnoenciioooikdifmdkechdbl/jquery-1.10.2.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

我用我的 list 文件尝试了几件事，但似乎没有任何效果，所以现在我正在尝试这个，但它仍然给我错误 --

{
    "manifest_version": 2,

    "name":    "My Extension",
    "version": "0.0",
    "offline_enabled": false,

    "content_scripts": [{
        "matches":    ["*://*.sitedomain.com/*"],
        "js": [
                "jquery-1.10.2.min.js", 
                "content.js"
            ],
        "run_at":     "document_end",
        "all_frames": false
    }]
}

我无法编辑要在其上使用的实际站点，因此我无法在标题中以旧方式加载 jquery，这就是为什么我尝试加载扩展名以便我的内容脚本可以工作。感谢您的帮助。

Answer 1

只需从 jquery 文件的顶部删除这一行

//@ sourceMappingURL=jquery-1.10.2.min.map

如果您检查 Jquery 1.10.2 的来源，它在顶部包含了源映射行。我希望你没有使用 Source Maps。有关更多详细信息，请查看这些链接:

1. http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
2. jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)

替代方法

1. 从jquery downloads page下载源映射文件并将jquery-1.10.2.min.map放入扩展目录。
2. 同时下载未压缩的源代码，放在扩展目录下。
3. 基本上您需要三个文件 [SourceMap、Compressed、Uncompressed]。
4. 将这些 map 文件路径和未压缩的文件路径添加到web_accesible resources。