日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

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

發布時間:2024/9/20 HTML 41 豆豆
生活随笔 收集整理的這篇文章主要介紹了 尝试做了个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的页面的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。