chrome擴(kuò)展開發(fā)幫助手冊(cè)-wenkub.com
2025-06-22 06:15 本頁面
【正文】 你會(huì)發(fā)現(xiàn)這個(gè)函數(shù)有一個(gè)參數(shù)tab：一個(gè)用來描述新標(biāo)簽頁的Tab對(duì)象。Chrome擴(kuò)展開發(fā)指南(9)——Events(事件)事件(Event)就是當(dāng)某些行為發(fā)生后要觸發(fā)的函數(shù)。})。,16 39。: extensionsFolderId,15 39。13 })。title39。例子下面代碼調(diào)用create()創(chuàng)建了一個(gè)書簽文件夾取名“Extension bookmarks”，第一個(gè)參數(shù)是個(gè)json格式的對(duì)象，第二個(gè)參數(shù)定義了一個(gè)函數(shù)，這個(gè)函數(shù)將在創(chuàng)建完書簽后調(diào)用。一般像下面這樣寫：1 {2 name: My extension,3 ...4 permissions: [5 bookmarks6 ],7 ...8 }復(fù)制代碼書簽對(duì)象和屬性書簽以樹形機(jī)構(gòu)組織，節(jié)點(diǎn)或是一個(gè)書簽或者是個(gè)文件夾(可以包含多個(gè)書簽)。properties這個(gè)地方用來定義諸如背景定位方式、背景重復(fù)等屬性。colors用來定義基本顏色。你可以在主題庫(kù)里找到一些主題下載。 不要總是激活你的圖標(biāo)，那是很討厭的。 大部分頁面起作用的功能請(qǐng)使用擴(kuò)展圖標(biāo)。默認(rèn)情況下，地址欄圖標(biāo)是隱藏的。圖標(biāo)部分類似于擴(kuò)展圖標(biāo)，地址欄圖標(biāo)需要一個(gè)圖片，同時(shí)也可以有提示和彈出窗口。原文 由ChromeChina翻譯，轉(zhuǎn)載注明出處Chrome擴(kuò)展開發(fā)指南(6)——Page Actions(地址欄圖標(biāo))地址欄圖標(biāo)代表的是頁面內(nèi)功能，這種功能只能在特地的當(dāng)前頁面發(fā)生，而不是所有頁面都有這種功能，也就是并不是所有頁面上都能顯示這樣一個(gè)圖標(biāo)。比如下面的例子中。知識(shí)補(bǔ)充上面的例子中使用LOCALSTORAGE保存數(shù)據(jù)，具體介紹可以查看《使用LOCALSTORAGE保存數(shù)據(jù)》Chrome擴(kuò)展開發(fā)指南(5)——Override Pages(重置頁面)重置是一種用自己提供的頁面替換Google Chrome默認(rèn)頁面的方法。34 if ( == favorite) {35 = true。30 }31 var select = (color)。20 setTimeout(function() {21 = 。14 var color = [].value。Chrome擴(kuò)展開發(fā)指南(4)——Options Pages（選項(xiàng)頁面）你可以提供一個(gè)選項(xiàng)頁面(Options Pages)讓用戶自定義你的擴(kuò)展。 + + 39。lg39。 + + 39。整個(gè)文件的意思是：顯示四格不同顏色的矩形框，當(dāng)點(diǎn)擊這些矩形框的時(shí)候變換頁面背景色。})。56 }57 yellow {58 border: 1px solid yellow。48 }49 blue {50 border: 1px solid blue。40 background: cccccc。36 fontfamily: sansserif。26 }2728 div:firstchild {29 margintop: 0px。內(nèi)容如下：20 style21 body {22 overflow: hidden。例子解析激動(dòng)人心的時(shí)候來了，在這個(gè)文件夾下examples/api/browserAction有些browser action的例子。給Browser Action增加彈窗可以在manifest的default_popup定義彈窗中顯示的html文件名字，當(dāng)然也可以使用setPopup()函數(shù)。由于標(biāo)記的位置很小，他最多只能容納4個(gè)字母。我們可以在manifest文件中用default_icon語句來定義這個(gè)圖標(biāo)，也可以調(diào)用setIcon()函數(shù)。圖標(biāo)Browser Action的圖標(biāo)會(huì)被瀏覽器縮放成19px*19px大小，太大的圖標(biāo)是沒有意義的。Browser Actions創(chuàng)建的圖標(biāo)是一直可見的，如果你想創(chuàng)建一個(gè)不是一直不可見的圖標(biāo)，可以使用page action。這節(jié)的內(nèi)容還是挺有趣的。結(jié)束語好了，你已經(jīng)大概了解了一個(gè)擴(kuò)展程序的基本內(nèi)容，可以開始寫作自己的擴(kuò)展了。不同頁面間的交互一個(gè)擴(kuò)展中的文件常常需要交互。下面的圖片中，內(nèi)容腳本可以讀取、更改網(wǎng)頁的DOM。這個(gè)彈出窗口的內(nèi)容是一個(gè)HTML的web文件，這個(gè)彈出窗口不需要包含background文件中的代碼，因?yàn)?。HTML頁面background不是唯一存在的HTML文件，比如瀏覽器行為可能是彈出一個(gè)小窗口，這個(gè)小窗口的內(nèi)容就可以調(diào)用一個(gè)HTML文件。下面是個(gè)典型的manifest文件。下面是個(gè)例子，我們可以這樣調(diào)用它1 img src=images/復(fù)制代碼其中images/。 至少一個(gè)HTML文件(主題可以沒有HTML文件)更加詳細(xì)的內(nèi)容可以從Developer39。擴(kuò)展實(shí)際上就是一個(gè)web頁面，你可以用任何瀏覽器提供給web頁面的接口，從XMLHttpRequest 到JSON ，再到HTML本地緩存都可以使用。你可以修改里面的文字圖片，制作出極具個(gè)性的擴(kuò)展來了。 回到Chrome的插件擴(kuò)展中心，點(diǎn)擊“打包擴(kuò)展程序”按鈕。現(xiàn)在點(diǎn)擊插件圖標(biāo)看看。 ，用下面的代碼替換現(xiàn)有的代碼，其實(shí)我們只是加了一行代碼和一個(gè)逗號(hào)而已。如果一切順利，你的Chrome地址欄將會(huì)有個(gè)新圖標(biāo)，你的第一個(gè)插件誕生了。 安裝這個(gè)插件:，選擇擴(kuò)展程序，打開擴(kuò)展中心。 在計(jì)算機(jī)中創(chuàng)建一個(gè)目錄來存放插件代碼。 Chrome瀏覽器，這個(gè)不能少吧。好吧，我們現(xiàn)在就開始，其實(shí)我也是個(gè)新手。準(zhǔn)備工具做任何事情都要有個(gè)工具，制作chrome插件需要的工具很少。Windows下，所有版本的Chrome都可以制作插件?！伴_發(fā)人員模式”，使得前面的“+”變成“”，打開相應(yīng)的菜單。給第一個(gè)插件增加新功能你現(xiàn)在雖然做了第一個(gè)插件，但實(shí)際上他并沒有實(shí)現(xiàn)任何功能，我們點(diǎn)擊圖標(biāo)，沒有任何反應(yīng)。1 {1 name: 第一個(gè)Chrome插件,1 version: ,1
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1