您现在的位置： Windows教程網 >> Windows教程 > >> Windows 8 系統教學 >> Win8 系統基礎知識

Windows 8 Metro 風格網頁版 Messenger 曝光：側邊欄整合、狀態切換、Facebook Chat 支援

編輯：Win8 系統基礎知識

繼 Metro 風格微軟帳戶頁面、SkyDrive 網頁版曝光後，LiveSide 再度爆料 Windows 8 整合的網頁版 Messenger (Messaging 側邊欄)。採用 Metro 設計語言，支援瞬間通訊、狀態切換、多網路整合 (含 Facebook Chat)、彈出通知，為跨平台通訊體驗帶來全新面貌。

核心功能特色

📱 側邊欄設計：寬螢幕下右側固定區域，不干擾主內容瀏覽
🔍 搜尋啟動對話：輸入好友名稱即時過濾，按 Enter 開啟聊天視窗
🔔 彈出式通知：新訊息右上角彈出提醒，類桌面應用體驗
👤 一鍵狀態切換：點擊右上角頭像圖片，快速切換上線/離線/忙碌
🌐 多網路整合：支援 Messenger、Facebook Chat 同時在線，自由切換聊天視窗
🎥 預留語音/視訊：程式碼顯示已預留支援架構，未來將啟用

Metro 風格網頁版 Messenger 介面

介面操作詳解

主要介面

左側為主內容區 (SkyDrive、帳戶管理等)，右側固定 Messaging 側邊欄。好友清單採用 Metro 磚狀設計，顯示頭像、名稱、狀態指示器。

搜尋與新增對話

頂部搜尋框輸入關鍵字即時過濾好友，支援拼音/注音/英文模糊搜尋。點擊好友或按 Enter 即可在側邊欄展開聊天視窗，不跳轉頁面。

Windows 8 Messaging 應用介面

訊息通知機制

收到新訊息時，右上角彈出 Toast 通知，顯示寄件者、訊息預覽。點擊通知直接跳轉至對話。此設計與 Windows 8 系統級通知一致。

右上角彈出式通知

狀態與多網路管理

點擊右上角頭像開啟狀態選單：上線、離線、忙碌、隱身。下方列出已連線網路 (Messenger、Facebook Chat 等)，可獨立切換各網路狀態，或登入/登出特定服務。

Facebook Chat 視窗

技術架構與體驗入口

🌐 體驗網址：https://account.live.com/WebIM.svc (需登入微軟帳戶)
🔧 技術基礎：HTML5 + CSS3 + JavaScript，WebSocket 長連線推送
📱 跨平台：支援 IE10、Chrome、Firefox、Safari 等現代瀏覽器
🔗 整合點：SkyDrive、Outlook.com、微軟帳戶管理頁面右側共用側邊欄

💡 體驗方式：登入 account.live.com → 點擊右上角訊息圖示 → 體驗 Metro 風格即時通訊

對比：傳統網頁版 Messenger vs Metro 版

功能	傳統版	Metro 版
介面風格	傳統網頁、彈出視窗	側邊欄、Metro 磚狀、單頁應用 (SPA)
多工處理	多視窗、易遮蓋	側邊固定、不干擾主內容
通知機制	頁面標題閃爍、聲音	系統級 Toast 通知、右上角彈出
社群整合	僅 Messenger	Messenger + Facebook Chat + 未來擴充
觸控優化	差	優 (大觸控目標、滑動手勢)

未來展望

程式碼分析顯示已預留語音/視訊通話介面 (getUserMedia API)，配合 WebRTC 標準，未來網頁版 Messenger 將支援完整即時通訊功能，無需安裝桌面客戶端。這也呼應微軟「服務即體驗」策略：核心通訊能力下沉至雲端，各平台 (Windows 8、Windows Phone、Web、Xbox) 共用同一後端。

Windows XP	Windows 7	Windows 2003	Windows Vista	Windows 綜合教學	Linux 系統教學
Windows 10	Windows 8	Windows 2008	Windows NT	Windows Server	電腦軟體教學