20120328

開發自己的 Firefox add-on 附加元件(九) 主控台( Console )

在這一系列的 add-on 開發教學文章中,有一個很實用的錯誤主控台( error console ),其可用來輸出錯誤、警告、和我們指定的資訊,對 debugging 有很大的幫助。

20120327

開發自己的 Firefox add-on 附加元件(八) Context-menu 模組

Context-menu 模組讓我們可以增加物件( item )到 Firefox 瀏覽器中的網頁的 context menu。

Context-menu API 提供了簡單、宣告式的方法來增加物件到網頁的 context menu 中。我們可以增加當被點擊時做出反應的物件、子選單( submenu )、和分隔符號( separator )。

20120324

開發自己的 Firefox add-on 附加元件(六) Page-mod 模組

Page-mod 模組讓 add-on 開發者可以在特定的網頁中執行 scripts。最直接的運用是,我們可以使用 page-mod 來動態修改某個頁面的內容。

這個模組會產生一個建構函式 PageMod,此函式會建立一個新的 page modification (簡稱"mod")( MOD 數位電視 開玩笑的啦 哈哈:P <-某人餓瘋了)。

20120323

開發自己的 Firefox add-on 附加元件(五) Page-worker 模組

Page-worker 模組提供了建立常駐、隱形的頁面和存取其DOM的方法。

這個模組會產生一個建構函式 Page,期會建構一個新的page worker。在memory釋放之後,這個page worker可能會被destroyed,如此一來我們就必須再建立一個新的實體(instance)來載入另一個page。

開發自己的 Firefox add-on 附加元件(四) Panel 模組

Panel 是一個對話框(dialog),它的內容被指定為HTML,同時也可以在其中執行scripts。因此Panel的內容和行為是根據我們可以用 HTML、 CSS 和 JavaScript 做什麼而定。

以下的截圖畫面顯示的 panel的內容是由目前所開啟的瀏覽器分頁的清單所組成:


20120321

開發自己的 Firefox add-on 附加元件(三) Widget 模組

Morzilla 官方有提供 Add-on SDK,其中包含了 API。我們利用已寫好的 API 模組,可以快速的建構出基本功能。
本篇將介紹 Widget 模組。並以 Add-on builder來製作、解說範例。

開發自己的 Firefox add-on 附加元件(二) 認識Content Scripts

幾乎所有有趣的 add-ons 都需要與網頁內容或瀏覽器的使用者介面作互動。
例如,他們可能需要存取或修改網頁的內容或是當使用者點擊了一個連結時被通知。

20120319

開發自己的 Firefox add-on 附加元件(一)使用 Add-on Builder 之前的準備工作

我自己是 Firefox 瀏覽器愛用者
有用 Firefox的人應該都知道可以安裝附加元件(add-on)來增加瀏覽器的功能
不過有時候想要某個功能卻找不到相關add-on?
又或者每次都用別人開發的,突然手癢也想自己做嗎?
這篇文章會教大家如何使用 Add-on Builder 製作自己的附加元件小工具

20120301

Dojo 版本更新為1.7


Dojo不久前釋出了1.7版

據說是從1.0版以來最大的一次更新

主要改變在於