Question

我是新手来进行扩展。

对于我的内容脚本，我使用的是content.js，对于我的后台脚本，我使用的是background.js。

我想要它，所以当我的扩展程序在谷歌浏览器的后台运行时，它打印＆＃34;你好＆＃34;当你点击＆＃34; Shift＆＃34;在特定的网页上。

没有扩展名的当前脚本：

$(document).keydown(function(e) {
    if (e.keyCode == 16) { 
        if (window.location.href == "https://www.google.com") {
            console.log("Hello");
        } else {
            console.log("Go to https://www.google.com");
        }
        console.log("Shift Pressed");
        return false;
    }
})

Answer 1

您可以添加带有模式的内容脚本（如果需要，还可以检查网址）。在manifest.json中：`

"content_scripts": [
{
  "matches": ["http://www.google.com/*"], //  patterns to check url
  "css": ["mystyles.css"],
  "js": ["jquery.js", "yourScript.js"]
}]

和yourScript.js

    $(document).keydown(function(e) {
        if (e.keyCode == 16) { 
            //send to background.js
            chrome.runtime.sendMessage({shift: 'true'}, 
                function(response) {
                    // response of background.js onMessage from this message
                });
        }
    });

和background.js的背景页面：

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
         // you can check url sender.tab.url  ( if you set patterns is <all_urls>)
        (request.shift == 'true') && console.log("Shift Pressed");
    });

扩展帮助（在后台运行时按键）

1 个答案: