【正文】 擊這些矩形框的時(shí)候變換頁(yè)面背景色。Chrome擴(kuò)展開(kāi)發(fā)指南(4)——Options Pages（選項(xiàng)頁(yè)面）你可以提供一個(gè)選項(xiàng)頁(yè)面(Options Pages)讓用戶自定義你的擴(kuò)展。34 if ( == favorite) {35 = true。 大部分頁(yè)面起作用的功能請(qǐng)使用擴(kuò)展圖標(biāo)。properties這個(gè)地方用來(lái)定義諸如背景定位方式、背景重復(fù)等屬性。13 })。Chrome擴(kuò)展開(kāi)發(fā)指南(9)——Events(事件)事件(Event)就是當(dāng)某些行為發(fā)生后要觸發(fā)的函數(shù)。})。title39。colors用來(lái)定義基本顏色。默認(rèn)情況下，地址欄圖標(biāo)是隱藏的。30 }31 var select = (color)。 + + 39。})。36 fontfamily: sansserif。給Browser Action增加彈窗可以在manifest的default_popup定義彈窗中顯示的html文件名字，當(dāng)然也可以使用setPopup()函數(shù)。Browser Actions創(chuàng)建的圖標(biāo)是一直可見(jiàn)的，如果你想創(chuàng)建一個(gè)不是一直不可見(jiàn)的圖標(biāo)，可以使用page action。下面的圖片中，內(nèi)容腳本可以讀取、更改網(wǎng)頁(yè)的DOM。下面是個(gè)例子，我們可以這樣調(diào)用它1 img src=images/復(fù)制代碼其中images/。你可以修改里面的文字圖片，制作出極具個(gè)性的擴(kuò)展來(lái)了。如果一切順利，你的Chrome地址欄將會(huì)有個(gè)新圖標(biāo)，你的第一個(gè)插件誕生了。好吧，我們現(xiàn)在就開(kāi)始，其實(shí)我也是個(gè)新手?！伴_(kāi)發(fā)人員模式”，使得前面的“+”變成“”，打開(kāi)相應(yīng)的菜單。 JavaScript文件 (可選，非必須)內(nèi)容腳本(Content scripts)如果你插件需要和網(wǎng)頁(yè)交互，那么他就需要一個(gè)內(nèi)容腳本(Content scripts)，內(nèi)容腳本常由JavaScript編寫(xiě)，會(huì)在網(wǎng)頁(yè)載入完成后調(diào)用。(同樣，有翻譯需要改進(jìn)的地方請(qǐng)指出來(lái))Browser Actions的作用就是控制Chrome地址欄右側(cè)添加一個(gè)圖標(biāo)。設(shè)置標(biāo)記文字或者背景可以分別使用 setBadgeText() and setBadgeBackgroundColor()。30 }3132 div {33 cursor: pointer。59 color: yellow。).getElementsByTagName(39。22 }, 750)。1 {2 name: My extension,3 ...4 chrome_url_overrides: {5 newtab: 6 },7 ...8 }復(fù)制代碼幾點(diǎn)注意事項(xiàng)為了讓你定義的新標(biāo)簽頁(yè)看起來(lái)不錯(cuò)，請(qǐng)遵循下面幾點(diǎn)建議：但是他們不能帶有徽標(biāo)，但是地址欄圖標(biāo)能夠顯示/隱藏。下面只是簡(jiǎn)單介紹下主題制作，詳細(xì)的內(nèi)容可以參考主題是在Manifest文件中定義的。9 ({39。url39。這個(gè)例子中，我們用addListener()來(lái)注冊(cè)函數(shù)，addListener()的參數(shù)總是一個(gè)函數(shù)，但是這個(gè)函數(shù)的參數(shù)根據(jù)事件類(lèi)型不一樣而不同。parentId39。 Manifest要對(duì)書(shū)簽進(jìn)行操作，必須要再M(fèi)anifest文件中設(shè)置允許調(diào)用書(shū)簽接口(bookmarks API)。其中有個(gè)我們至學(xué)習(xí)以來(lái)碰到的最簡(jiǎn)單的例子，把新標(biāo)簽頁(yè)面換成空白頁(yè)面：9 {10 name: 空白的新標(biāo)簽頁(yè),11 version: ,12 chrome_url_overrides: {13 newtab: 14 }15 }復(fù)制代碼，我們可以只寫(xiě)這樣一句話：16 title新標(biāo)簽頁(yè)/title復(fù)制代碼好的，看看效果吧，就這么簡(jiǎn)單，你現(xiàn)在就可以動(dòng)手DIY了。我們正計(jì)劃提供一個(gè)默認(rèn)的css來(lái)使得不同擴(kuò)展的選項(xiàng)頁(yè)面保持風(fēng)格一致，你可以從這里()查看最新的進(jìn)展。編寫(xiě)選項(xiàng)頁(yè)面選項(xiàng)頁(yè)面是一個(gè)典型的網(wǎng)頁(yè)，下面是一個(gè)選項(xiàng)頁(yè)面的例子：7 html8 headtitleMy Test Extension Options/title/head9 script type=text/javascript1011 // Saves options to localStorage.12 function save_options() {13 var select = (color)。73 function click(color) {74 (null,75 {code:=39。47 color: red。s color.,16 default_icon: ,17 popup: 18 }19 }復(fù)制代碼，其中browser_action就是這篇文章降到的東西，default_title是描述，default_icon是圖標(biāo)，popup是彈窗。靜態(tài)圖片可以是任意常見(jiàn)格式的圖片，包括BMP, GIF, ICO, JPEG, or PNG。一旦頁(yè)面中引用了另外的頁(yè)面，第一個(gè)頁(yè)面就可以調(diào)用其他頁(yè)面的函數(shù)，甚至可以控制DOM。這個(gè)瀏覽器行為擴(kuò)展的background文件是用一個(gè)HTML文件定義的()，這個(gè)background文件中有JavaScript代碼控制整個(gè)瀏覽器的活動(dòng)。擴(kuò)展還可以和web頁(yè)面交互，甚至是從web服務(wù)器獲取數(shù)據(jù)。 回到Chrome的擴(kuò)展中心，點(diǎn)擊插件下的“重新載入 ”。開(kāi)始制作第一個(gè)插件Linux下需要下載Beta版本，Mac下載dev版本。 ，用記事本打開(kāi)，將下面的代碼寫(xiě)進(jìn)去1 pHello,Chrome!/p1 p我的名字叫ChromeChina!/p1 pa href= target=_blankChrome中文論壇歡迎你/a1 pimg src= //p復(fù)制代碼還有些擴(kuò)展能夠和瀏覽器的一些元素(如書(shū)簽、tab導(dǎo)航標(biāo)簽)交互。上面這個(gè)圖片顯示的瀏覽器至少安裝了兩個(gè)擴(kuò)展：一個(gè)瀏覽器行為擴(kuò)展(黃色的圖標(biāo)),頁(yè)面行為擴(kuò)展(藍(lán)色的圖標(biāo))。 met