我如何确认JQuery在Chrome扩展应用程序中已准备就绪

Question

这是我的manifest.json：

{
    "manifest_version": 2,
    ....
    "version": "1.0",
    "content_scripts": [
        {
            "matches" : ["<all_urls>"],
            "js": [
                "main.js",
                "jquery-1.10.2.min.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources":[
        "jquery-1.10.2.min.map"
    ]
}

这是我的main.js：

// why this script is not work? I invoke JQuery when DOM is Ready...
$(document).ready(function(e){
    document.addEventListener('mouseup',function(e){
        var thisPageAsText=$(document).find('body').text();
        console.log(thisPageAsText);
    });
});

它似乎对我不起作用...内容脚本不能让JQuery onReady吗？

Answer 1

你正在你的main.js之后加载jQuery ，所以你可能会收到错误'未捕获的ReferenceError：$未定义'。

您只需要反转清单中加载文件的顺序：

        "js": [
            "jquery-1.10.2.min.js",
            "main.js"
        ],