尝试做了个Chrome浏览器的扩展程序,显示extensions的页面
生活随笔
收集整理的這篇文章主要介紹了
尝试做了个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
總結
以上是生活随笔為你收集整理的尝试做了个Chrome浏览器的扩展程序,显示extensions的页面的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 肥兔公社鲜兔火锅的创始团队怎样啊,有知道
- 下一篇: 现磨豆浆好喝还是买的鲜奶好喝