WebExtensions [論壇 - Ubuntu 與工具程式及軟體推薦]


正在瀏覽:   1 名遊客


 到底部   前一個主題   下一個主題  [無發表權] 請登錄或者註冊



WebExtensions
會員五級
註冊日期:
2012/4/22 10:50
所屬群組:
已註冊使用者
等級: 30
HP : 147 / 737
MP : 410 / 10455
EXP: 50
離線
今天本來是為了這篇回覆「#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」的起點。


2016/11/26 23:26
應用擴展 工具箱
回覆: WebExtensions
會員五級
註冊日期:
2012/4/22 10:50
所屬群組:
已註冊使用者
等級: 30
HP : 147 / 737
MP : 410 / 10455
EXP: 50
離線
根據「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(進階搜尋) 」來做搜尋。

報告完畢


2016/11/28 22:19
應用擴展 工具箱
回覆: WebExtensions
會員一級
註冊日期:
2016/9/28 10:38
所屬群組:
已註冊使用者
等級: 1
HP : 0 / 2
MP : 1 / 3
EXP: 10
離線
感謝你寫了這麼好用的 webextension

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

2/21 22:39:52
應用擴展 工具箱


 [無發表權] 請登錄或者註冊


可以查看帖子.
不可發帖.
不可回覆.
不可編輯自己的帖子.
不可刪除自己的帖子.
不可發起投票調查.
不可在投票調查中投票.
不可上傳附件.
不可不經審核直接發帖.