你一直没有把不应该放在一起的东西混在一起。
你做错了一件事：
由于您不希望在单击浏览器操作按钮时出现弹出窗口，因此不应指定“默认弹出窗口”：
...
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html" // <-- this line should go away
},
...
话虽如此，解决该问题的最佳方法（imo）如下：
有你的背景页面（或者更好活动页面）听chrome.browserAction.onClicked event.
（请注意，为了触发事件，必须设置默认弹出窗口。）
当发生这种情况时，使用程序化注入注射jquery.min.js and content.js进入活动选项卡的页面，使用chrome.tabs.executeScript.
为了使上述步骤成为可能，您还必须声明必要的权限，即"tabs"和网址匹配模式您的扩展程序应该可以访问的页面（例如"http://*/*" and "https://*/*"可以访问所有页面http and https计划）。
我还建议，好好看看舱单规范以熟悉可用字段和可能的值。
最后，一些演示源代码可以帮助您入门（我知道所有信息一次可能会让人不知所措）：
扩展文件夹结构：
_______________LinkHighlighter_______________
| | |
manifest.json img js
| |__background.js
icon<XX>.png(*) |__content.js
|__jquery.min.js
(*): <XX> = 16, 19, 38, 48, 128
清单.json：
{
"manifest_version": 2,
"name": "Link Highlighter",
"version": "1.0",
"description": "...",
"icons": {
"16": "img/icon16.png",
"48": "img/icon48.png",
"128": "img/icon128.png"
},
"browser_action": {
"default_title": "Link Highlighter",
"default_icon": {
"19": "img/icon19.png",
"38": "img/icon38.png"
}
},
"background": {
"persistent": false,
"scripts": ["js/background.js"]
},
"permissions": [
"tabs",
"http://*/*",
"https://*/*"
]
}
背景.js：
// When the user clicks the browser-action button...
chrome.browserAction.onClicked.addListener(function(tab) {
// ...inject 'jquery.min.js' and...
chrome.tabs.executeScript(tab.id, {
file: "js/jquery.min.js",
allFrames: true,
runAt: "document_idle"
});
// ...inject 'content.js' into the active tab's page
chrome.tabs.executeScript(tab.id, {
file: "js/content.js",
allFrames: true,
runAt: "document_idle"
});
});
内容.js：
$("a").css({ "background-color": "yellow" });
如果您还有其他疑问/问题，请随时回来:)
为了完整起见...
...让我提一下，还有其他可能的方法，例如：
使用页面操作而不是浏览器操作。
将内容脚本注入每个页面，并通过从后台页面到内容脚本的消息传递来触发突出显示。
