尝试做了个Chrome浏览器的扩展程序，显示extensions的页面

最近firefox用的不爽，决定换下口味，装了个Chrome玩玩。不过，Chrome的用户体验不是那么让我满意，特别是管理扩展程序的时候需要操作三次，实在不爽，那就自己做个扩展程序解决这个问题吧。分三步走：

 

第一步：helloworld，这篇文章将的很清楚http://dev.chromechina.com/thread-1940-1-1.html ；

 

第二步：查看已有的扩展程序的代码

• 有个扩展程序叫Extension Gallery Inspector，可以查看扩展程序的代码
• 本地已经存在的源码在C:\Documents and Settings\当前用户\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions，Chrome plus的扩展源码在安装目录下

 

第三步：修改已有代码，有个叫Downdloads的扩展跟我的需求差不多，它是打开下载的页面，那就在这个基础上稍微做了些修改，相当easy。

 

顺便贴下源代码吧

 

manifest.json

代码

{
"name": "Extensions",
"description": "Access the extensions window directly from the toolbar",
"version": "1.0",
"permissions" : ["tabs"],
"browser_action":
{
"default_icon" : "images.jpg",

"default_title": "打开扩展程序窗口"
},
"background_page": "background.html"
}

 

background.html

代码

< script >
chrome.browserAction.onClicked.addListener( function (tab){
var alreadyOpened = null
var chromeExtURL = " chrome://extensions/ "
chrome.tabs.getAllInWindow( null , function (tabs){
for ( var i = 0 ;i < tabs.length;i ++ ){
if (tabs[i].url == chromeExtURL){
chrome.tabs.update(tabs[i].id, {selected: true })
return ;
}
}
chrome.tabs.create({url:chromeExtURL,selected: true })
})
})
</ script >

 

当试图做更复杂的扩展时，发现自己不懂javascript和html，若继续学习那将是个浩大的工程，只好暂时到此为止。

转载于:https://www.cnblogs.com/todsong/archive/2010/12/20/1912187.html