Question

我正在尝试创建一个简单的chrome扩展示例。我需要为按钮创建一个事件监听器。不工作不知道为什么吗？我尝试使用jQuery和javascript编写事件监听器，但仍未触发。由于准备好登录文档，我认为清单文件没有问题。

javascript

$(document).ready(function() {
    $("#rama").click(function() {
        console.log('afawfafaf');
    });
    console.log("rambo adloaded!");
});

HTML

<HTML>

<HEAD>
    <h1>Easy </h1>
</HEAD>
<style type="text/css">
body {
    min-width: 300px;
}
</style>

<BODY>
    <button type="button" id="rama">fe!</button>

</BODY>

</HTML>

清单

{
    "update_url": "https://clients2.google.com/service/update2/crx",


    "manifest_version": 2,
    "name": "easy",
    "description": "",
    "version": "1.1",
    "content_scripts": [
    {
        "matches": ["<all_urls>"],
        "js": ["jquery-3.2.1.min.js", "content.js"],
        "run_at": "document_end"
    }],
    "permissions": [
        "activeTab",
        "https://ajax.googleapis.com/"
    ],
    "browser_action":
    {
        "default_icon": "rambo.png",
        "default_popup": "easy.html"

    },
    "background":
    {
        "scripts": ["jquery-3.2.1.min.js"]
    }

}

有什么想法我想念吗??

Chrome扩展程序事件监听器不起作用

0 个答案: