進階功能
自動類型識別
提供 URL 或上傳檔案後,工具会根據副檔名自動切換預覽元件:
.docx→ Word 預覽.xlsx/.xls→ Excel 預覽.pdf→ PDF 預覽
MIME 類型也会参与識別,减少选错格式的概率。
按需載入元件
Word、Excel、PDF 三类預覽元件分別懶載入(@vue-office/docx、@vue-office/excel、@vue-office/pdf)。只有當前選中的類型会下載對應腳本,首屏載入更快。
大檔案處理
vue-office 對大文檔做了虛擬捲動与解析優化。處理超大檔案時建議:
- 優先使用本機上傳,避免網路逾時
- 首次渲染多等待片刻,關注載入指示器
- Excel 欄數較多時,可配合寬螢幕/全螢幕獲得更好視野
URL 預覽与 CORS
URL 模式要求遠端伺服器返回正確的 CORS 標頭。若 URL 失敗但本機上傳正常,通常是跨域被攔截。
可選方案:
- 改為本機上傳
- 将檔案放到支援 CORS 的 CDN
- 自行搭建代理(本工具不提供伺服器端代理)
視圖模式詳解
寬螢幕模式
隱藏左側文檔類型、輸入方式等控制区,預覽区占据整行,適合表格類文檔橫向閱讀。
影院模式
透過 Teleport 渲染全頁遮罩,頂部顯示檔名/URL,預覽区最大化。適合演示或长時間閱讀。
全螢幕
對預覽容器呼叫瀏覽器 Fullscreen API。Excel 等元件会在容器尺寸變化後自動同步佈局,盡量鋪滿可視區域。
快捷鍵
| 按键 | 作用 |
|---|---|
| Enter | URL 輸入框聚焦時觸發預覽 |
| Esc | 退出影院模式或寬螢幕模式(非瀏覽器全螢幕時) |
歷史記錄管理
- 最多保存 50 條本機歷史
- URL 記錄可一鍵重載
- 本機上傳記錄僅保存中繼資料,需重新選擇檔案
- 點擊 清空全部 或 清空歷史 可清除對應資料
瀏覽器相容性
建議使用支援 ES Module 的現代瀏覽器:
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+