網路衝浪新幫手-無所不在的Firefox Ubiquity

Ubiquity能有效提升網路服務的使用效率與操作程序的簡化,幾個按鍵就能完成以往點選網址與眾多輸入的繁瑣動作,堪稱是使用者介面由繁返簡的新時代進化。


Ubiquity 是Mozilla實驗室推出的嶄新Firefox瀏覽器附加元件,甫推出便獲得各方一致的驚嘆與讚揚,甚至引起網路名人Mr.6寫出:Ubiquity 「開啟一條比Google寬一千倍的路?」的驚世名言。雖然在Ubiquity推出後兩、三個月的現在來看,Mr. 6的預言似乎是言過其實,Ubiquity的普及度與可見度並未出現蓬勃發展之勢,或者說在國內並未出現Ubiquity大量運用的現象。其實過度期待、 高度評價或貶抑其價值等,都不能改變Ubiquity上手較難的事實,唯有清楚認知發明Ubiquity的用途,和它能發揮與要改變的事物後,才能讓 Ubiquity發展出它應有的功能與效用。本文試圖於圍繞在Ubiquity四周的迷霧中闢出一條清晰小徑,讓有心使用的讀者能輕易入門,從而能透過 Ubiquity來達成高效能的網路生活。

工具名稱:Mozilla Ubiquity 最新版本:v0.1.2 官方網站:http://labs.mozilla.com/projects/ubiquity/ 下載網址:http://tinyurl.com/6ofofa 安裝方式:執行Firefox瀏覽器後執行上列網址之安裝檔支援瀏覽器:Firefox

到底Ubiquity是什麼東西?

Ubiquity 在字義上是「到處存在,無所不在,普遍存在」的意思,我想Mozilla實驗室為這個新發明的命名賦予了許多期待,透過這個元件讓使用者能更輕鬆愜意的隨 意享用各種網路服務。目前網路上形形色色的網站提供了各式新奇與各樣功能的服務,然而這些功能卻都是以單獨存在的方式來提供其服務,因此要查詢書籍就要開 啟博客來網站,要搜尋關鍵字就開啟Google網站,諸如此類任何一個服務都只具備獨立功能,當有需要某類服務時,不管你是用那種方式來開啟該網站(你可 以在網址直接輸入網址,或由書籤或社交書籤網站點選,或用AutoHotkeyAutoIt等巨集工具開啟),都必須先到某個網站後,才能做後續處理。 上 列的這些操作都是「以網站為中心」的操作程序,Ubiquity則是嘗試要把網路服務改變為「以使用者為中心」的操作模式,讓使用者不用離開操作中的網頁 就能直接取得需要的任何一種網站的服務,Ubiquity要把繁瑣的點擊、鍵盤輸入、滑鼠操作等降到較低程度,使用者只要簡單的輸入有意義的單字後就能取 用到需要的服務。有許多人把Ubiquity簡化成是使用命令列來做網頁操作的工具,這個解釋只對了一半,Ubiquity是以命令列的使用者介面來簡化 網路服務眾多步驟的劃時代躍進,在觀念與實作上都具有莫大意義。

安裝與設定Ubiquity

由網址https:ubiquity.mozilla.com/xpi/ubiquity-latest.xpi直接安裝最新的Ubiquity 0.1.2版,當網頁上方出現警示橫條,按〔允許〕按鈕再於確認提示視窗按〔立刻安裝〕,最後重新啟動Firefox就能將Ubiquity加為你的附加元件。 Ubiquity安裝後即可在網址列輸入「about:ubiquity」以顯示其主頁,在主頁上方的灰色條列出五個主要選項:

  1. 【Home】:主頁,就是目前看到的頁面
  2. Your Commands】:列出安裝在Ubiquity裡的所有命令
  3. 【Command Editor】:讓你自行輸入命令的文字區塊網頁,適合測試撰寫新命令時使用
  4. 【Tutorial】:顯示Ubiquity的教學網頁,雖然是英文內容但淺顯易懂,請讀者們務必抽空閱讀
  5. 【Find New Commands】:列出可以加入的Ubiquity命令的網址清單,Ubiquity提供了訂閱的方法讓你能隨意擴充需要的功能(訂閱方法後面有說明)

開始使用Ubiquity

首 先我們在主頁左方中間的【Change your hotkey】下方的框框裡變更Ubiquity的預設熱鍵,將之由〔Ctrl〕+〔Space〕(中文輸入法的切換按鍵)變更成別的按鍵,例如圖1裡的 〔Ctrl〕+〔Q〕,爾後你就能在瀏覽器的任何分頁用這個熱鍵叫出Ubiquity的命令小視窗;Ubiquity的魅力就在於你能透過這個命令視窗輸 入各種建立好的命令,用最迅速、最簡潔的方式來操作各種便利的網路服務。 按下啟動熱鍵後,在瀏覽器左上角會出現Ubiquity命令小視窗(如圖 2),這個視窗就是和網路服務互動的操作介面,我們可以在這裡輸入需要的Ubiquity命令,等待小視窗顯示執行結果或按下〔Enter〕將結果顯示在 新分頁裡。Ubiquity在輸入命令時有幾個重點:

  1. 命令都是事先建立好的,若你輸入錯誤指令是不能正確執行的。完整的命令請檢視主頁的【Your Commands】,只有列在這個網頁裡的命令才能執行
  2. 命令具有部份符合特性,亦即不必輸入完整的命令,只要輸入到能辨識的文字即可,例如翻譯命令是「translate」,至少輸入「tr」就能辨識到這個命令(如圖3)
  3. 命令是區分大小寫的
  4. 命令輸入過程中,其下方會顯示命令的使用說明(這個顯示的動作稱為預視Preview)與符合的命令格式與參數,若能在顯示出的清單中發現可用的命令後,用滑鼠點擊或上下鍵移動到該項目處後按〔Enter〕就能執行
  5. 只要按〔Esc〕鍵就能關閉命令視窗
  6. 每次用熱鍵重新開啟命令小視窗時,原先輸入的文字皆會保留下來,並且會自動全選完成,可方便地按倒退鍵或刪除鍵很快的把輸入文字清除掉

圖2 命令小視窗 圖3 部份符合

Ubiquity的內建標準命令

Ubiquity安裝完成後,系統會建立許多方便的命令,為了方便讀者們參考使用,彙總命令如下,知道這些命令後就能充分掌握Ubiquity能發揮的功能了:

命令分類 命令 說明 使用範例
操作Ubiquity的命令 help 顯示Ubiquity主頁

command-list 顯示「Your Commands」網頁

command-editor 顯示「Command Editor」網頁

瀏覽器命令 tab 分頁名稱 切換到指定的分頁 tab funp
close-tab 分頁名稱 關閉指定的分頁 close-tab funp
close-related-tabs 分頁名稱 把符合的分頁全部關閉 close-related-tabs google
zoom 百分比 縮放網頁顯示比例 zoom 150%
tag 書籤名 將目前網頁加入書籤 tag 書籤
社交網路服務 twitter 訊息 將訊息張貼到Twitter微網誌

digg 把目前網站加到Digg.com

tinyurl 網址 將輸入或選取的網址轉換成短網址,輸入的網址不必輸入http://

頁面編輯命令 delete 刪掉目前網頁上的選取文字

undelete 還原被刪除的選取文字

edit-page 把目前網頁變成編輯狀態,能做插入、刪除等編輯操作

stop-editing-page 停止編輯狀態

save 把編輯狀態下所做的修改儲存起來(這些修改稱為註釋Annotation)。當你再瀏覽儲存過的頁面時,會是修改後的內容,要還原必須執行remove-annotaions命令

remove-annotations

拿掉修改過的註釋而還原回原始網頁內容

一般公用命令

word-count

選取一段文字後用此命令計算單字數。中文不適用

calculate 數學運算式

運算用命令,可以用輸入或選取的方式執行,運算結果顯示在小視窗最底部 Calculate 1+2*3/4

sparkline 一組數字

將選取的一組數字以線圖呈現 Sparkline 1 5 3 9 8

translate 文字 to 語言

翻譯用命令,翻譯後的文字會插入游標位置。在Firefox裡按〔F7〕就能切換是否顯示輸入游標 translate spark to Chinese_Traditional

bold

把編輯區塊裡的選取文字變成粗體

italic 把編輯區塊裡的選取文字變成斜體

underline 把編輯區塊裡的選取文字變加上底線

undo 取消上一個編輯操作,例如把粗體還原成正常字體

redo 再執行上個操作一次

highlight 把選取文字加上黃底,做高亮度提示

電子郵件命令 email 訊息 to 電子信箱 使用GMail發信給指定的信箱帳號。若訊息要用選取文字帶入時,輸入this即可 1.先選取一段文字

2.email this to emisjerry@gmail.com

last-email 命令輸入後不要按〔Enter〕,稍待數秒後會在小視窗底部顯示GMail裡未讀的最後一封信

get-email-address 電子信箱

搜尋GMail的聯絡人,輸入命令與聯絡人部份名稱後,符合的信箱帳號會顯示在小視窗底部

Google日曆命令

add-to-calendar 行事備忘

增加行事曆的事件資料到Google日曆 add-to-calendar 11pm 寫文件

check-calendar 日期

顯示指定日期的行事曆內容。輸入命令後不要按Enter,稍待片刻後會顯示指定日期的行事曆,若沒有輸入日期,則預設顯示當天的行事曆

地圖命令

map 地址

以Google Map顯示指定的地址

map-these 選取文字

以選取文字或輸入多個地址做為地址來顯示Google Map

搜尋命令

search 關鍵字 with 搜尋引擎

用指定的搜尋引擎尋找輸入的關鍵字,預設的引擎有 Google、 Yahoo!、 MSN、 Ask.com、 eBay等 search Ubiquity with Yahoo

wikipedia 關鍵字 in 語言

用維基百科搜尋輸入的關鍵字 wikipedia Ubiquity in Chinese_traditional

yelp

使用yelp.com做店家評介等的搜尋

weather 城市

顯示氣候資訊,城市只能使用英文

define 關鍵字

透過Answers.com尋找輸入文字的定義 define MAC

google 關鍵字

用Google.com搜尋輸入文字

flickr 關鍵字

搜尋Flickr.com符合輸入文字的圖片

imdb 關鍵字

搜尋Imdb.com符合輸入文字的音樂資料

youtube 關鍵字

搜尋Youtube.com符合輸入文字的影片

amazon-search

這些搜尋能用search命令取代,建議直接用search就不用記憶這些命令了

answers-search

ask-search

ebay-search

msn-search

開發者命令

syntax-highlight 選取程式碼

在編輯區塊裡選取程式碼後用此命令做高亮度顯示處理

convert 選取文字 to 格式

把選取文字轉換為指定格式,能使用的格式有PDF、HTML、Rich-Text

escape-html-entities

將選取的HTML內容轉換成Escape字元,例如把>轉換成<

view-source

顯示目前網頁的原始碼

讓你的Ubiquity說國語嘛A通

Ubiquity 內建了上面提到的許多命令,可惜有一部份並不適用於我們的中文環境,例如google命令是以英文的Google來搜尋而不是台灣的Google搜尋,因 此我們必須藉由Ubiquity的擴充功能來加入適合我們使用的新命令,以下我會以淺顯易懂的文字來解說自行建立搜尋命令的步驟,相信一步一步地按照下列 程序應該能建立出符合你使用的命令的。 我們以建立www.google.com.tw的搜尋命令為例。首先在網址輸入http://www.google.com.tw,再於輸入框裡輸入任何一個要搜尋的文字,例如我們輸入「海角七號」後按〔Enter〕或點擊〔Google搜尋〕: 接著觀察搜尋結果網頁的網址列,內容如下:

http://www.google.com.tw/search?hl=zh-TW&q=%E6%B5%B7%E8%A7%92%E4%B8%83%E8%99%9F&btnG=Google+%E6%90%9C%E5%B0%8B&meta=&aq=f&oq=

這 類搜尋網站的網址格式大同小異,只要找到要傳入關鍵字的參數並做測試就能找到要使用的參數,解析上面的網址後可以發現關鍵字應該就是「q=」的這一串文 字,海角七號的中文字經編碼後變成了一堆百分號和英數字組合的符號。我們先對這個網址做刪減,把不必要的參數拿掉,再把它記錄下來供後面使用:

http://www.google.com.tw/search?hl=zh-TW&q=海角七號

Ubiquity的搜尋命令樣板範例如下:

makeSearchCommand({
  name: "命令的名稱",
  url: "http://網址?參數={QUERY}",
  icon: "http://網址/favicon.ico",  // 命令的圖示
  author: { name: "作者姓名", email: "作者的電子郵件"},
  license: "授權模式",
  description: "命令的說明文字"
});

要填入命令樣板的各個參數說明如下:

要填入的參數 說明
命令的名稱 每個命令都要有獨一無二的名字,這個命令名稱中英文皆可,但為了快速輸入還是使用英文為宜
網址與 在搜尋引擎的網址後面加上,到時輸入的搜尋文字會替換掉
作者姓名 會顯示在「Your Commands」網頁裡,供使用者以作者過濾時使用
授權模式 你的命令要採用的授權模式,如GPL或MPL等
命令的說明文字 顯示在「Your Commands」網頁裡的命令用途、功能等描述文字
命令的圖示 顯示在命令前面的小圖示
參數提示文字 命令要使用的特定參數的範例說明

對照執行新命令的圖5應該就很清楚這些填入值的用途了。 圖5 參數示意 最後把先前記錄下來的Google搜尋網址填進命令裡,再將命令的程式碼全部複製到系統剪貼簿裡。最後的命令全貌是:

makeSearchCommand({
  name: "google-tw",
  url: "http://www.google.com.tw/search?hl=zh-TW&q={QUERY}",
  icon: "http://www.google.com.tw/favicon.ico",
  homepage: "http://blog.xuite.net/emisjerry/tech",
  author: { name: "emisjerry", email: "emisjerry@gmail.com"},
  license: "GPL",
  description: "Google Taiwan"
});

回到Ubiquity主頁後點選【Command Editor】或在命令小視窗裡輸入「command-editor」命令,以顯示命令編輯器網頁,再將剪貼簿裡的命令貼上命令框裡,新加的命令立即生效。 用熱鍵叫出命令小視窗後輸入「google-tw 海角七號」再按〔Enter〕,試看看是否會開啟Google搜尋網頁,並顯示海角七號的搜尋結果。果然在新分頁裡出現Google的繁體中文查詢結果網頁,就這樣就加入一新的搜尋命令,確實很容易吧? 比照這個處理程序可以再把幾個常見的搜尋引擎一一加入,以下我整理了幾個常見的網址方便讀者們對照使用:

常見的網路服務 查詢網址
Yahoo!奇摩搜尋服務 http://tw.search.yahoo.com/search?ei=utf-8&p=
Yahoo!奇摩字典服務 http://tw.dictionary.yahoo.com/search?ei=UTF-8&p=
Yahoo!奇摩知識家搜尋服務 http://tw.knowledge.yahoo.com/search/search_result?p=
Yahoo!奇摩拍賣搜尋服務 http://tw.search.bid.yahoo.com/search/ac?p=
教育部國語辭典成語搜尋服務 http://140.111.34.46/cgi-bin/newDict/dict.sh?idx=dict.idx&pieceLen=50&fld=1&imgFont=1&cond=
PChome購物商品搜尋 http://shopping.pchome.com.tw/lib/search/search.php?target=
博客來所有商品搜尋 http://search.books.com.tw/exep/prod_search.php?cat=all&key=
Findbook書籍搜尋 http://findbook.tw/search?q=&keyword_type=keyword

前面介紹的makeSearchCommand是用來建立搜尋命令的函數,如果想要撰寫更複雜的應用命令時就必須使用CreateCommand函數,建立的方法非常簡單:

  1. 進入「Command Editor」網頁
  2. 按〔Import Command Template〕,將命令樣板插入編輯區塊裡
  3. 依樣畫葫蘆的修改命令樣板就可以建立新命令了

可惜命令的撰寫並非三言兩語就能道盡,有興趣的讀者可以參考https:wiki.mozilla.org/Labs/Ubiquity/Ubiquity_0.1_Author_Tutorial這篇的詳盡說明,如果你有JavaScript與jQuery的程式經驗,會很容易上手的。

用訂閱擴充Ubiquity命令

如果每個命令都要像前面介紹的輸入到命令編輯器裡,不僅辛苦也容易輸入錯誤,幸好Ubiquity提供了更方便的增加命令的方法:只要去「訂 閱」(Subscribe)別人已經寫好的命令就能輕鬆的把命令加入你的Ubiquity裡了,以下我以訂閱筆者的Ubiquity命令網頁的步驟實地介紹訂閱流程。 瀏覽http://jdev.tw/files/ubq/ubq_jerry.html,此網頁含有Ubiquity的訂閱指示,因此會彈出確認是否訂閱的警示,若確定要訂閱請按〔Subscribe...〕鈕。在此要特別提醒讀者們:為了防止有人不當使用Ubiquity來破壞你的電 腦環境或竊取存放在電腦裡的資訊,務必經過確認後才訂閱,登載在Ubiquity「Find New Commands」裡的訂閱網址(稱為Ubiquity Herd)會是安全的訂閱來源,請盡量使用上面的網址來訂閱,另外,筆者的網址雖然沒有登錄在Herd裡,但保證不含三聚氰胺,請讀者們安心使用。可被信 賴的訂閱網站控管機制將在0.2版裡加強,屆時我們就能更放心大膽地訂閱需要的命令了。

  • 按了〔Subscribe...〕後會出現警告畫面,同時會顯示出命令的原始碼讓訂閱者確認

  • 訂 閱警告網頁最後面有是否自動更新的勾選,若你想讓命令被修改後能自動更新就打勾。確認無誤後按〔I know what I'm doing. Subscribe to it!〕就完成訂閱程序,完成後新加入的命令立即能用,不須重新啟動Firefox。訂閱了的網址會顯示在Ubiquity主頁的右下方。

  • 解除訂閱的方法也很簡單:回到主頁,在網頁右下方找到訂閱的網址後,按下其下方的【unsubscribe】連結就可以了

以下我列出幾個筆者有訂閱的命令給大家參考:

訂閱網址 提供的命令 命令功用
http://tinyurl.com/6mwdqq(筆者的Ubiquity命令網頁) funp 標籤1 標籤2 ... 把目前網頁加入推推王
dict ubiquity Yahoo!奇摩字典
cdic 風聲鶴唳 教育部國語辭典
plurk live 測試 張貼噗浪微網誌(Plurk.com)簡訊
books 愛情真相大白 博客來商品搜尋
en2h 將目前的英文網頁翻譯為中文
http://tinyurl.com/5t5k7r screengrab、screengrab-allscreengrab-to-file、screengrab-to-file 擷取目前網頁畫面到剪貼簿或檔案裡
http://tinyurl.com/62d7hg delicious 將目前網頁加入美味書籤(del.isio.us),這個命令較特別是會顯示到新視窗並有建議書籤供挑選
http://tinyurl.com/4sk6 shorten [url] using [tinyurl|isgd|bitly|hurl] 將目前網址或輸入的網址產生成短網址。使用的網站有Tinyurl.com、 is.gd、Bit.ly與Hurl.com四家
goto [url] 開啟指定的網址,若輸入的不是完整網址,會以Google的〔好手氣〕搜尋

無處不在的Ubiquity讓你無所不能

Ubiquity是個能隨時擴充的操作環境,只要有足夠的技術與創意就能創造出各式各樣、用以協助提升網路服務效率的各種應用。朋友們,不要被所謂的命令列介面嚇到,嘗試新工具帶來的新動能才能讓你有新技能。Ubiquity確實能讓你在瀏覽器裡無所不能。 ** 本文摘自Download!網路密技王第7期 **

##

您可能也會有興趣的類似文章

簡睿

服務於軟體業的資訊老兵。興趣廣泛,學習力佳,樂於分享所知所學。

您可能也會喜歡…

10 個回應

  1. hepha表示:

    恩感謝你!
    chrome可以使用的套件目前還很少,我是加減也有用:)

  2. hepha表示:

    請問你的Ubiquity命令網頁有要更新成Parser 2嗎?他都顯示是舊的API
    謝謝

    • 簡睿表示:

      最近使用Chrome較多,可惜Ubiquity還不能在Chrome上跑…

      我有修改了一些,待全部修改完成會更新,敬請稍待。

  3. wumin表示:

    你這篇實在寫的實在非常完整,你的blog文章真是非常有深度,謝謝你

  4. EYE表示:

    好棒的文章!!
    我不曉得Firefox推出了這麼有趣的東西

    可惜一般人太懶了
    不會願意去學習或嘗試改變
    到現在都還有人只使用IE勒

  5. nk表示:

    感謝分享這麼棒的資訊。

    寫得很詳細,有空來玩玩!!

  1. 2008/12/26

    […] 網路衝浪新幫手-無所不在的Firefox Ubiquity […]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *