【正文】 擊這些矩形框的時候變換頁面背景色。Chrome擴(kuò)展開發(fā)指南(4)——Options Pages（選項頁面）你可以提供一個選項頁面(Options Pages)讓用戶自定義你的擴(kuò)展。34 if ( == favorite) {35 = true。 大部分頁面起作用的功能請使用擴(kuò)展圖標(biāo)。properties這個地方用來定義諸如背景定位方式、背景重復(fù)等屬性。13 })。Chrome擴(kuò)展開發(fā)指南(9)——Events(事件)事件(Event)就是當(dāng)某些行為發(fā)生后要觸發(fā)的函數(shù)。})。title39。colors用來定義基本顏色。默認(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)是一直可見的，如果你想創(chuàng)建一個不是一直不可見的圖標(biāo)，可以使用page action。下面的圖片中，內(nèi)容腳本可以讀取、更改網(wǎng)頁的DOM。下面是個例子，我們可以這樣調(diào)用它1 img src=images/復(fù)制代碼其中images/。你可以修改里面的文字圖片，制作出極具個性的擴(kuò)展來了。如果一切順利，你的Chrome地址欄將會有個新圖標(biāo)，你的第一個插件誕生了。好吧，我們現(xiàn)在就開始，其實我也是個新手。“開發(fā)人員模式”，使得前面的“+”變成“”，打開相應(yīng)的菜單。 JavaScript文件 (可選，非必須)內(nèi)容腳本(Content scripts)如果你插件需要和網(wǎng)頁交互，那么他就需要一個內(nèi)容腳本(Content scripts)，內(nèi)容腳本常由JavaScript編寫，會在網(wǎng)頁載入完成后調(diào)用。(同樣，有翻譯需要改進(jìn)的地方請指出來)Browser Actions的作用就是控制Chrome地址欄右側(cè)添加一個圖標(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ù)制代碼幾點注意事項為了讓你定義的新標(biāo)簽頁看起來不錯，請遵循下面幾點建議：但是他們不能帶有徽標(biāo)，但是地址欄圖標(biāo)能夠顯示/隱藏。下面只是簡單介紹下主題制作，詳細(xì)的內(nèi)容可以參考主題是在Manifest文件中定義的。9 ({39。url39。這個例子中，我們用addListener()來注冊函數(shù)，addListener()的參數(shù)總是一個函數(shù)，但是這個函數(shù)的參數(shù)根據(jù)事件類型不一樣而不同。parentId39。 Manifest要對書簽進(jìn)行操作，必須要再Manifest文件中設(shè)置允許調(diào)用書簽接口(bookmarks API)。其中有個我們至學(xué)習(xí)以來碰到的最簡單的例子，把新標(biāo)簽頁面換成空白頁面：9 {10 name: 空白的新標(biāo)簽頁,11 version: ,12 chrome_url_overrides: {13 newtab: 14 }15 }復(fù)制代碼，我們可以只寫這樣一句話：16 title新標(biāo)簽頁/title復(fù)制代碼好的，看看效果吧，就這么簡單，你現(xiàn)在就可以動手DIY了。我們正計劃提供一個默認(rèn)的css來使得不同擴(kuò)展的選項頁面保持風(fēng)格一致，你可以從這里()查看最新的進(jìn)展。編寫選項頁面選項頁面是一個典型的網(wǎng)頁，下面是一個選項頁面的例子：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)圖片可以是任意常見格式的圖片，包括BMP, GIF, ICO, JPEG, or PNG。一旦頁面中引用了另外的頁面，第一個頁面就可以調(diào)用其他頁面的函數(shù)，甚至可以控制DOM。這個瀏覽器行為擴(kuò)展的background文件是用一個HTML文件定義的()，這個background文件中有JavaScript代碼控制整個瀏覽器的活動。擴(kuò)展還可以和web頁面交互，甚至是從web服務(wù)器獲取數(shù)據(jù)。 回到Chrome的擴(kuò)展中心，點擊插件下的“重新載入 ”。開始制作第一個插件Linux下需要下載Beta版本，Mac下載dev版本。 ，用記事本打開，將下面的代碼寫進(jìn)去1 pHello,Chrome!/p1 p我的名字叫ChromeChina!/p1 pa href= target=_blankChrome中文論壇歡迎你/a1 pimg src= //p復(fù)制代碼還有些擴(kuò)展能夠和瀏覽器的一些元素(如書簽、tab導(dǎo)航標(biāo)簽)交互。上面這個圖片顯示的瀏覽器至少安裝了兩個擴(kuò)展：一個瀏覽器行為擴(kuò)展(黃色的圖標(biāo)),頁面行為擴(kuò)展(藍(lán)色的圖標(biāo))。 met