BLOG主圖

加到網路書籤: 加入Furl網路書籤 加入HEMiDEMi網路書籤 加入MyShare網路書籤 加入funP   

Firefox 即時摘要範例:Registrano 活動頁

  2008/04/22

MozTW 自由新生代Registrano 上開了兩個活動供學員們線上報名,對我這個懶人來說經常要檢查有多少人報名有點麻煩;我想起 Firefox 2 時新增、卻一直沒有受到注目的即時摘要功能,就做了一個通用版。

安裝之後,前往 Registrano 的任一活動公開首頁,加入書籤時就會看到了(請參考之前的 Mozillla Links 文章有介面圖說),格式是「{活動名稱}: {目前報名人數}。有圖有真象:

這樣方便太多啦!

Firefox 的即時摘要原文是「Microsummary」,其格式檔 microsummary generator (即時摘要來源) 存放在你個人設定資料夾的「microsummary-generators」裡,其原理是利用 XSLT 把書籤網頁「轉」成簡單的摘要,並以此顯示為書籤的標題。以本例來說,檔案原始碼是這樣:

<?xml version="1.0" encoding="UTF-8"?>
<generator xmlns="http://www.mozilla.org/microsummaries/0.1" name="Microsummary for Registrano" uri="urn:{e4578e6b-9b61-4c5e-a5bb-80860fc91278}">
 <pages>
   <include>^http://(www\.)?registrano\.com/events/[^/]*/?$</include>
 </pages>
 <template>
   <transform xmlns="http://www.w3.org/1999/XSL/Transform" version="1.0">
     <output method="text"/>
     <template match="/">
      <value-of select="normalize-space(string(//div[@id='bd']/div[2]/h1))"/><text>: </text><value-of select="normalize-space(string(//div[@id='event-attendees']/h3/em))"/>
     </template>
   </transform>
 </template>
</generator>

include 指明這個即時摘要來源的「適用」範圍,而後以 xpath 指定需要擷取的網頁部份、再交給 Firefox 顯示為標題。原理很簡單,網站的製作者甚至也能直接放進網頁裡、讓訪客可以輕鬆得知快速摘要。諸如股價、幣值、本例的報名人數等,就是這類「摘要」的典型。詳細說明可以參考 MDC 上的文件

不過即使你啥也不瞭,依然可以利用 Microsummary Generator Builder 自助做出摘要來源,像我這個摘要來源其實也是先用這個套件做一個簡單的以後再行修改啦 :P 這個套件目前在 Firefox 3 beta 上會有點問題,請以 Firefox 2 來使用。

我本來以為這樣的功能應該會很受歡迎的,但主機好沒有遊戲也沒用啊 XD


本文內容部分係採用 創用 CC 姓名標示-相同方式分享 2.5 臺灣版條款授權,利用時請於合理位置標示我Blog 的網址。其他使用範圍請留言詢問。關於我對「姓名標示」的看法,請參考姓名標示,要標什麼?要標那裡?。CNET 網站上之的其他圖文為 CNET 所有,與本文無關。



加到網路書籤: 加入Furl網路書籤 加入HEMiDEMi網路書籤 加入MyShare網路書籤 加入funP

    回上層 

icn_balloon_154x48 對本則報導有任何意見或看法嗎?歡迎留言

留下你的意見(提醒:請開啟cookie,網頁會自動儲存您寫的內容。)
會員 * 帳號:
* 密碼:
  1. 欄位可選填,若全不填,則顯示為「匿名」。
  2. 不支援html語法
非會員 姓名:
E-Mail:
Blog:
  重新載入驗證碼
* 驗證碼: 記住我





CNET Towerboard 廣告