今天本來是為了這篇回覆「#13」，
要補充加上「Firefox 50.0 release notes」的「中文」連結。

找到之後，想說很久沒逛「moztw.org」了，來逛一下好了。

一開始看到這篇「摩茲動手做（五）自己的瀏覽器自己改─使用新版 Firefox Addon SDK 開發簡單的附加元件」，
才發現原來現在有「jpm」這樣的輔助工具來輔助開發「add-ons」，
小試了一下，覺得還不賴，感覺開發上簡化了，本來想推文的。

結果在「MDN / Mozilla / Add-ons」這篇看到，
未來要以「WebExtensions」的方式為標準，推薦要改用這個來開發。

對照上面的「jpm」，開發「WebExtensions」的輔助工具是「web-ext」。

* MDN / Getting started with web-ext
* MDN / web-ext command reference
* GitHub / Mozilla / web-ext

不過先不急於了解上面的工具怎麼使用。

我是從「Your first WebExtension (中文)」這篇先看起的，

還有直接參考該篇提到的範例原始碼「borderify」。

其實我也沒認真看完文件，我英文還很菜，閱讀英文速度不快，
不過我以前有嘗試練習過「chrome」的「extension」，
以前只有簡單的練習，所以大部分都忘了，不過概念上相似，還可以很快的找回一些小小的記憶。


然後我就根據上面那個範例「borderify」，做了點小小的練習，
寫了一個專案「webextension-search-ubuntu-tw」放在「GitHub」上，安裝方法，請參考該專案的說明。

本來想說寫了「Firefox」版，後來想說乾脆也來寫的「Chrome」版，
因為「MDN / WebExtensions」
頁面開頭有寫「WebExtensions are a cross-browser system for developing browser add-ons.」，
所以直接先嘗試「Firefox」版，看看可不可以拿來「Chromium」使用(我是在chromium-browser上測試的)，
結果一字不改，真的通用，
呵呵，若不考慮太多的話，可以省了維護兩個版本的功夫了。

這時候就可以來閱讀這篇「What are WebExtensions? (中文)」。

而「webextension-search-ubuntu-tw」這個功能也很簡單，
就是若你的「firefox」或「chrome」或「chromium」有安裝這個「extension」。
當逛到「www.ubuntu-tw.org」的時候，會內嵌一個查詢元件，
可以輸入關鍵字，透過Google的查詢功能，來查詢文章。

其中的查詢原理，就是之前這篇「回覆#4」提到的，
這次實做的「程式碼」也有簡單的註解。

當然這個專案只是簡單的練習，並沒用到開發「WebExtensions」深入的概念，
所以比較深入的議題，就需要去閱讀MDN上的「WebExtensions」相關文件，
或是參考別人寫好的「範例」了。


以上參考，提供這個專案和參考連結，讓有興趣的人，可以有個開發「WebExtensions」的起點。

根據「webextension-search-ubuntu-tw」，改寫了兩個通用的版本，適用在各個網站。

* webextension-search-site (功能按鈕)
* webextension-search-site-plus (功能按鈕 - 可修改site)
* webextension-search-site-embedded (嵌入網頁)

這幾個專案只是自己在練習撰寫「WebExtensions」，
和提供給有興趣撰寫「WebExtensions」的人參考。
當然官方也有很多範例可以參考，放在「GitHub / MDN / webextensions-examples」，
我也是參考這些範例搭配MDN上的「文件」來學習的。
或是參考「這篇」的指引來閱讀MDN上的文件，學習Web相關的開發技術。

不見得要使用這幾個元件，
可以直接開啟Google頁面，使用這篇討論的「回覆#3」說的方式，就可以達到同樣的效果了。
或是可以到「Google Advanced Search(進階搜尋) 」來做搜尋。

報告完畢

感謝你寫了這麼好用的 webextension

我將他 fork 了一份, 由 google 改成 startpage.com
https://github.com/guildwar/webextension-search-ubuntu-tw