Google chrome extension 谷歌浏览器扩展混乱

所以我正在为我的chromebook开发一个google chrome扩展。这个想法是在鼠标在当前网页上的任何位置产生一种“放大”效果，以便放大文本/图像或鼠标悬停的任何内容

我有这个效果的网页上工作的代码，它正是我想要的

我困惑的是如何将其集成到chrome扩展中。我想在chrome浏览器的右上角显示一个类似于扩展的按钮，然后你可以单击它，然后出现一个“框或放大镜”，然后你可以在页面上单击并拖动它。如果您再次单击扩展按钮，该框将消失

这是我在网上搜索后知道的。。。 -我需要一个manifest.json文件，我当前的文件如下所示

    {
"name": "magnify",
"version": "1.0",
"description": "This will magnify an area where the mouse hovers",

"browser_action": {
"popup": "popup.html",
"default_icon": "magnify.png"
},

"content_scripts": [{
  "matches": ["http://*/*"],
  "css": ["magnify.css"],
  "js": ["magnify.js"],
  "run_at": "document_end",
  "all_frames": true
}],

"background_page": "background.html"

}

• 我尝试过一些不同的东西，但我确信我有一些我不需要的东西
• 您也可以转到，以查看我的放大想法的当前代码
• 我有一个popup.html文件，但我不确定popup.html或background.html代码是否更需要（或者两者都需要）

让我知道，如果我不清楚的事情，我会澄清！

---

提前感谢：-）

放大效果代码应该是一个内容脚本，运行在浏览页面的DOM中（有效地注入到每个页面）。请参见

放大效果代码应该是一个内容脚本，在浏览页面的DOM中运行（有效地注入每个页面）。请参见

非常感谢您提供的链接/指导，它也完全符合我的要求，我认为问题主要在于我的清单中有点太多内容。我所需要的只是内容脚本，没有背景页面或弹出窗口。希望你能在不久的将来在chrome应用商店中看到它：-D如果其他人有类似的问题，这是未来的工作manifest.json…“{”name:“magnize”，“version:“1.0”，“description:“这将放大鼠标悬停的区域”，“browser_action:{”default_icon:“magnize.png”}，“content_scripts”：[{“matches”：[“http://*/*”]，“css”：[“magnize.css”]，“js”：[“jqueryMagnify.js”，“magnize.js”]，“run_at”：“document_end”}]}非常感谢您提供的链接/指导，它也完全符合我的需要，我认为问题主要是我的清单中有点太多了。我所需要的只是内容脚本，没有背景页面或弹出窗口。希望你能在不久的将来在chrome应用商店中看到它：-D如果其他人有类似的问题，这是未来的工作manifest.json…“{”name:“magnize”，“version:“1.0”，“description:“这将放大鼠标悬停的区域”，“browser_action:{”default_icon:“magnize.png”}，“content_scripts”：[{“matches”：[“http://*/*”]，“css”：[“放大.css”]，“js”：[“jqueryMagnify.js”，“放大.js”]，“run_at”：“document_end”}]