天氣速覽 · Weather Glance（Chromium 側邊欄擴充功能）

以側邊欄（Side Panel）查看 5 個指定地點的即時氣溫、濕度，並附 9 天天氣預測。 側邊欄嵌在瀏覽器右側，高度等於瀏覽器視窗高度；當你拉高／縮小視窗時，內容區會即時跟著調整，內容過高時於面板內部捲動，不會被裁切。

功能

• 即時：氣溫、體感溫度、濕度、風速、氣壓、天氣狀況
• 9 天預測（含 X/Y 軸與標註的高低溫柱狀圖、天氣圖示）
• 24 小時溫度／濕度走勢圖（每小時刻度、左溫度右濕度雙 Y 軸）
• 5 個地點分頁快速切換
• °C／°F 一鍵切換
• 設定頁以城市名稱搜尋、新增、移除地點（上限 5 個）
• 版面隨側邊欄高度／寬度自適應
• 資料來源：Open-Meteo（免費、免 API key）

安裝方式（載入未封裝擴充功能）

1. 解壓縮此資料夾。
2. Chromium 系瀏覽器（Chrome / Edge / Brave 等，版本 114 以上）前往 chrome://extensions。
3. 開啟右上角「開發人員模式 / Developer mode」。
4. 按「載入未封裝項目 / Load unpacked」，選擇本資料夾（含 manifest.json 的那層）。
5. 點按工具列的天氣圖示，即會在右側開啟側邊欄（再按一次可關閉）。

註：側邊欄需要 Chromium 114 以上版本。若你的瀏覽器不支援 sidePanel，圖示點按將無反應——請更新瀏覽器。

使用

• 點頂部的地點分頁切換城市。
• 底部 ⚙ 進入設定，搜尋並管理你的 5 個地點。
• 地點列右側 ⟳ 可手動重新整理。
• 側邊欄邊緣可左右拖曳調整寬度；拖動瀏覽器視窗上下邊界即可改變其高度，內容會自動配合。

隱私

• 只在你開啟側邊欄時，向 Open-Meteo 查詢你所選地點的天氣。
• 地點與偏好設定僅儲存在瀏覽器本機（chrome.storage.local），不會上傳。

檔案結構

weather-ext/
├── manifest.json     擴充功能設定（Manifest V3，side_panel）
├── background.js     背景 service worker（點按圖示開／關側邊欄）
├── popup.html        側邊欄頁面
├── popup.css         樣式（全高自適應 + 漸層天空主題）
├── popup.js          邏輯（取資料、渲染、設定）
└── icons/            圖示 16/32/48/128