2010年8月27日 星期五

ChromeExtension: Momcat

最近在研究 HTML5 的新功能, 所以做了一些練習,
順便寫了一個 Google Chrome Extension: Momcat

這邊就介紹一下 Momcat 可以幹麻吧

用途: 監控你的小孩去過哪些網站

使用方法:
1. 開啟監控: 在瀏覽器列輸入暗號 blacksheepwall 就會開啟監控視窗

2. 在無痕式視窗要做監控的話, 必須先到 chrome://extensions/ 點選 [Allow in incognito]

3. 遠端監控功能: 請使用這個版本 WebMomcat


開發的過程中發現, HTML5 真的有很多好用的功能:

1. 超好用的 Local Storage:
以前 WEB 上相關的設定參數, 都可以暫存在 Cookie, 如: 查詢一次要顯示 50 筆資料...etc
不過, 一但 User 清除了 Cookie, 那這些重要的資訊設定, 就都不見了, 所以勢必需要再找一台 Server 來存放這些相關的資訊, 重新同步 Cookie 資料.
但是有些工具式的 WEB, 並不希望 User 作 Login 的動作, 所以根本無法保留這些參數設定, 只能要求 User 重新設定. 這時候 Local Storage 就派上用場囉~
而且 Cookie 在每次 Request 時, 都會一併附在 Request 封包裡面, 如果 Cookie 儲存的資料量太大的時候, 更會造成 Network/Server 的負擔

2. 神奇的WebSocket:
基本上就是走持續性的 TCP/IP Socket, 不過必須走 WebSocket Protocol, 所以 Web Server 也必須支援才行. 這次我試用 Jetty7, 用起來還蠻簡單的, 不過手邊的幾台 Server 都擋了這個 Protocol. 所以暫時就先不用了.

3. CSS3
這就不多說囉, 不用用 plugin, 就可以美美的, 當然很不錯啦 ^O^