Question

所以我正在为我的chromebook开发一个谷歌浏览器扩展程序。这个想法是做一个＆＃34;放大＆＃34;鼠标在当前网页上的任何位置的效果类型，以放大文本/图像或鼠标悬停的任何内容。

我在网页上有这个效果的代码，它完全符合我的要求。

我感到困惑的是如何将其与Chrome扩展程序集成。我想要一个像按钮这样的扩展程序显示在Chrome浏览器的右上角，然后你可以点击它然后一个＆＃34;框或放大镜＆＃34;会出现然后你可以点击并在页面上拖动它。如果再次单击扩展按钮，该框将消失。

这是我在一些在线搜索后所知道的...... - 我需要一个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"

}

我尝试了一些不同的东西，但我确定我有一些我不需要的东西。
此外，您可以转到http://www.supertecho.com/background.html，了解当前代码对于放大倍率的想法。
我有一个popup.html文件，但我不确定popup.html或background.html代码是否更加必要（或者两者都需要）。

如果我对事情不清楚，请告诉我，我会澄清！非常感谢提前： - ）

Answer 1

放大效果代码应该是一个内容脚本，在浏览页面的DOM中运行（有效地注入每个页面）。见http://code.google.com/chrome/extensions/content_scripts.html

Google Chrome扩展程序混乱

1 个答案: