[Chrome外掛] Y! 氣象台 v1.0 (繁體中文版)

2009/11/01 Update: [Chrome外掛] Y! 氣象台 v1.3 新增使用者自定選項 點此下載

2009/10/07 Update: [Chrome外掛] Y! 氣象台 v1.2 點此下載

2009/07/01 update: [Chrome] Y! 氣象台 v1.1 點此下載

最近寫的小作品 ─ Google Chrome外掛： Y! 氣象台 繁體中文版 v1.0 點此下載

功能描述

1. 每隔一小時自動更新氣象資訊(預設地區為台北)，並顯示最新氣象資訊於瀏覽器的下方工具列。
2. 使用Google AJAX Language API翻譯氣象資訊，預設語系為繁體中文。
3. 點擊外掛後，連結至Yahoo! 氣象首頁，查詢更詳細的氣象資訊。

準備環境

1. 取得最新版本的Chrome瀏覽器

方法1: 下載安裝新版Chrome(Dev)。
方法2: 下載Google Chrome Channel Changer，將既有的Chrome升級至最新(Dev)版本(詳見舊文)。

2. 允許Chrome使用外掛程式

在Chrome捷徑圖示上 -> 右鍵 -> 內容，跳出對話視窗。將下列參數複製並貼到「目標」欄位的最後面：

--enable-extensions

安裝成功

點此安裝Yahoo! 氣象台外掛，重新啟動瀏覽器後即可在下方的工具列中看到Yahoo! 氣象台外掛囉!

解除安裝

如果需要解除安裝外掛，在Chrome瀏覽器網址列中輸入：

chrome://extensions/

Chrome會列出所有已安裝的外掛程式，按下[Uninstall]按鈕即可解除安裝Yahoo! 氣象台外掛。

Third Party APIs

1. Yahoo! Weather RSS Feed
2. Google AJAX Language API

小結

目前Y! 氣象台外掛只能查詢台北地區的氣象資訊，對居住在其他地區的人來說就不太方便。只是仍在發展中的Chrome瀏覽器還有許多功能尚未開放給外掛程式使用，多少讓創意受到限制。希望Chrome能加緊腳步，開放更多功能滿足開發者的需求。

撰寫Chrome外掛程式不需要學習新的技術，只要熟悉HTML、JavaScript等網頁前端技術就能快速上手。歡迎有興趣的人一起來開發更具創意的外掛，把大家的Chrome瀏覽器變得更加豐富吧!

Update: 亂碼問題

在某些環境下Y! 氣象台出現了中文亂碼。但我無法重建這個Bug，只能猜測是Chrome的預設編碼問題。請依照以下方法轉換語系為UTF-8：

1. 找到瀏覽器右上方的[工具]按鈕，再下拉選單中點選[選項]：

2. 捲軸下拉至最底，點選[變更字型及語言設定]：

3. 在[編碼方式]下拉選單中選擇[萬國碼 (Unicode) (UTF-8)]後，按下[OK]完成設定。重新啟動瀏覽器，確認解決亂碼問題。

Reference

1. [Chrome] Y! 氣象台 v1.1
2. [教學] 來幫Chrome瀏覽器寫支外掛程式吧!
3. 官方網站的Sample Extensions
4. AniWeather Extension
5. Store information with the HTML5 storage and database APIs (soon)
6. samurize 碎碎念之七（天氣預報）