你的瀏覽器支援哪些進階網頁功能?哪些網頁應用程式會運用這些功能?如要回答這些問題,請查看瀏覽器測試網站和瀏覽器擴充功能。
Project Fugu 是跨公司合作的計畫,旨在彌補網路功能的缺口,讓新類型的應用程式能夠在網路上執行。具體來說,這表示您可以在瀏覽器中新增 API,讓應用程式開發人員使用這些 API 實現先前無法實現的用途。您選擇的瀏覽器支援哪些 API?哪些網頁應用程式會使用這些 API?我們來試試看吧!
我的瀏覽器是否為 Fugu?
Project Fugu API (例如 File Handling、File System Access、Async Clipboard 和 Web Share) 為網路帶來了一些功能,這些功能原本只會在特定平台的應用程式中提供。舉例來說,您現在可以按兩下圖片檔案,讓檔案在相關聯的 PWA 中開啟,然後進行修改,並將變更儲存回檔案,接著將圖片內容複製到其他應用程式,或分享至電子郵件用戶端。這項流程在最近之前,並未開放在網頁上使用。
如要瞭解可行的做法,請查看「我的瀏覽器有多 Fugu?」應用程式,瞭解您選擇的瀏覽器支援哪些 Project Fugu API。並非所有功能都會在所有平台上提供,例如 Contact Picker API 目前只會在行動裝置上提供,因此在電腦上測試時,技術上無法達到 100% 的分數 (反之亦然)。因此,請將這項測試視為有趣的競賽,而非絕對科學。每項測試功能都有相關說明文件連結,方便您進一步瞭解該功能。在可偵測功能的情況下,系統也會附註瀏覽器是否支援該功能,最後則是與 Chrome 狀態相關聯的網頁載入統計資料,可讓您瞭解特定功能在一段時間內的受歡迎程度。
如果瀏覽器支援 Web Share API,您可以點選 Fugu 魚和進度列旁的「Share」按鈕,分享瀏覽器的 Fugu 等級。否則,您可以下載螢幕截圖,然後手動在您偏好的線上社群網路上分享。

網頁的 Fugu 程度如何?
名為 How Fugu is the web? 的瀏覽器外掛程式可協助您找出您造訪的網站使用哪些 Fugu API。請從 Chrome 線上應用程式商店安裝這個擴充功能,然後瀏覽網頁,看看某些網站上的 Fugu 魚計數器如何顯示含有偵測到的 Project Fugu API 的徽章。舉例來說,如果您瀏覽 Excalidraw,計數器會跳到 9,因為 Excalidraw 會使用九個可偵測的 Project Fugu API。包括:
- CacheStorage
- Service Worker
- Web Share
- Async Clipboard
- 非同步剪貼簿 (圖片)
- 檔案系統存取權
- Web Share Target
- 網路分享目標 (檔案)
- 檔案處理

如先前所述,如果瀏覽器支援 Web Share API,您可以直接分享結果,如果不支援,則可以手動分享。如要瞭解瀏覽器是否支援某項功能,請按一下「Details」,查看相關說明文件。您也可以按一下項目符號清單中的原始碼連結,直接查看相關的原始碼程式碼片段。
結論
安裝How Fugu is the Web? 擴充功能後,瀏覽網頁時,Project Fugu API 徽章的出現頻率令人印象深刻。這類頁面包括提供便利功能的頁面,例如可將圖片貼到應用程式中 (例如 GitHub 的新問題頁面,而非上傳圖片),以及完整的應用程式,可利用多項功能,例如檔案處理、檔案系統存取權和剪貼簿存取權,如 Excalidraw。在先前需要特定平台應用程式的情況下,現在在某些情況下,網頁應用程式也可以填補空缺。例如 Wooting 的 Wootility 應用程式,可透過 WebHID API 編寫遊戲鍵盤程式。
同樣地,在您選擇的瀏覽器 (或任何其他瀏覽器或嵌入式 WebView) 的每個新版本上執行 How Fugu is my browser? 也非常實用。幾乎每個新版瀏覽器都會獲得一或兩項新功能,進度列也會隨之上升一點。
為網路建構應用程式比以往更可行,而且平台持續以驚人的速度新增新功能。網頁並非建構應用程式的唯一選擇,但我希望透過這個測試網站和瀏覽器擴充功能,說服您再考慮一下可行網頁,如果您目前尚未考慮這項選項,不妨再試試看。