2012-02-26 233 views
1

所以我正在为我的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" 

}

  • 我已经尝试了一些不同的东西,但我确定我有一些我不需要的东西。
  • 你也可以去http://www.supertecho.com/background.html为了看看当前的代码是为我的放大想法。
  • 我有一个popup.html文件,但我不确定popup.html或background.html代码是否更加必要或不需要(或者两者都需要)。

让我知道如果我不清楚的事情,我会澄清! 预先感谢:-)

回答

1

放大效果代码应该是一个内容脚本,运行在浏览页面的DOM(有效注入每个页面)中。请参阅http://code.google.com/chrome/extensions/content_scripts.html

+1

非常感谢链接/指导,它的工作原理与我想要的完全一样,我认为问题在很大程度上是我的清单有点太多了。我所需要的只是content_scripts,没有background_page或弹出窗口。希望在不久的将来您可以在Chrome应用程序商店中看到它:-D如果其他人有类似的问题,那么以下是正在运行的manifest.json ... – 2012-02-26 20:02:15

+1

'{ “name”:“放大”, \t “版本”: “1.0”, \t “描述”: “这将放大的区域中的鼠标悬停”, \t “browser_action”:{ \t “default_icon”: “magnify.png” }, \t \t “content_scripts”:[{ \t “匹配”:[ “HTTP:// */*”], \t “CSS”:[” magnify.css “], \t ”JS“:[” jqueryMagnify.js”, “magnify.js”], \t “run_at”: “document_end” \t}] } ' – 2012-02-26 20:03:39