簡睿隨筆@新世界

 

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

到底Ubiquity是什麼東西?

Ubiquity 在字義上是「到處存在，無所不在，普遍存在」的意思，我想Mozilla實驗室為這個新發明的命名賦予了許多期待，透過這個元件讓使用者能更輕鬆愜意的隨 意享用各種網路服務。目前網路上形形色色的網站提供了各式新奇與各樣功能的服務，然而這些功能卻都是以單獨存在的方式來提供其服務，因此要查詢書籍就要開 啟博客來網站，要搜尋關鍵字就開啟Google網站，諸如此類任何一個服務都只具備獨立功能，當有需要某類服務時，不管你是用那種方式來開啟該網站（你可 以在網址直接輸入網址，或由書籤或社交書籤網站點選，或用AutoHotkey、AutoIt等巨集工具開啟），都必須先到某個網站後，才能做後續處理。

上 列的這些操作都是「以網站為中心」的操作程序，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說國語嘛A通

Ubiquity 內建了上面提到的許多命令，可惜有一部份並不適用於我們的中文環境，例如google命令是以英文的Google來搜尋而不是台灣的Google搜尋，因 此我們必須藉由Ubiquity的擴充功能來加入適合我們使用的新命令，以下我會以淺顯易懂的文字來解說自行建立搜尋命令的步驟，相信一步一步地按照下列 程序應該能建立出符合你使用的命令的。

我們以建立www.google.com.tw的搜尋命令為例。首先在網址輸入http://www.google.com.tw，再於輸入框裡輸入任何一個要搜尋的文字，例如我們輸入「海角七號」後按〔Enter〕或點擊〔Google搜尋〕：

接著觀察搜尋結果網頁的網址列，內容如下：

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

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

1
2
3
4
5
6
7
8

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

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

對照執行新命令的圖5應該就很清楚這些填入值的用途了。

圖5 參數示意

最後把先前記錄下來的Google搜尋網址填進命令裡，再將命令的程式碼全部複製到系統剪貼簿裡。最後的命令全貌是：

1
2
3
4
5
6
7
8
9

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的繁體中文查詢結果網頁，就這樣就加入一新的搜尋命令，確實很容易吧？

比照這個處理程序可以再把幾個常見的搜尋引擎一一加入，以下我整理了幾個常見的網址方便讀者們對照使用：

前面介紹的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】連結就可以了

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

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

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

** 本文摘自Download!網路密技王第7期 **

＃＃

類似主題的文章

• 2010/02/27 使用Memory Fox附加元件為Firefox進行定期記憶體瘦身 (3)
• 2009/04/26 [Firefox] 自動統計的瀏覽紀錄排行榜外掛：New Tab King (0)
• 2009/04/12 重置Firefox Ubiquity的設定 (0)
• 2009/02/02 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (0)
• 2008/12/31 Ubiquity在歲末又向前邁了一小步；0.1.3釋出 (4)
• 2008/10/26 幾個好用的FireFox Ubiquity命令：shorten、goto和screengrab (0)
• 2008/10/18 新增加的FireFox Ubiquity指令：books、k+與en2zh (0)
• 2008/10/18 開始試用FireFox 3.1 Beta 1 (0)
• 2008/10/07 用Ubiquity快速發佈Plurk訊息－用%l替換網址 (0)
• 2008/09/27 用Ubiquity快速發佈 Plurk 訊息-改良版 (0)

標籤: Firefox, Ubiquity