探索功能強大的網路

你的瀏覽器支援哪些進階網頁功能?哪些網頁應用程式會運用這些功能?如要回答這些問題,請查看瀏覽器測試網站和瀏覽器擴充功能。

Project Fugu 是跨公司合作的計畫,旨在彌補網路功能的缺口,讓新類型的應用程式能夠在網路上執行。具體來說,這表示您可以在瀏覽器中新增 API,讓應用程式開發人員使用這些 API 實現先前無法實現的用途。您選擇的瀏覽器支援哪些 API?哪些網頁應用程式會使用這些 API?我們來試試看吧!

我的瀏覽器是否為 Fugu?

Project Fugu API (例如 File HandlingFile System AccessAsync ClipboardWeb Share) 為網路帶來了一些功能,這些功能原本只會在特定平台的應用程式中提供。舉例來說,您現在可以按兩下圖片檔案,讓檔案在相關聯的 PWA 中開啟,然後進行修改,並將變更儲存回檔案,接著將圖片內容複製到其他應用程式,或分享至電子郵件用戶端。這項流程在最近之前,並未開放在網頁上使用。

如要瞭解可行的做法,請查看「我的瀏覽器有多 Fugu?」應用程式,瞭解您選擇的瀏覽器支援哪些 Project Fugu API。並非所有功能都會在所有平台上提供,例如 Contact Picker API 目前只會在行動裝置上提供,因此在電腦上測試時,技術上無法達到 100% 的分數 (反之亦然)。因此,請將這項測試視為有趣的競賽,而非絕對科學。每項測試功能都有相關說明文件連結,方便您進一步瞭解該功能。在可偵測功能的情況下,系統也會附註瀏覽器是否支援該功能,最後則是與 Chrome 狀態相關聯的網頁載入統計資料,可讓您瞭解特定功能在一段時間內的受歡迎程度。

如果瀏覽器支援 Web Share API,您可以點選 Fugu 魚和進度列旁的「Share」按鈕,分享瀏覽器的 Fugu 等級。否則,您可以下載螢幕截圖,然後手動在您偏好的線上社群網路上分享。

網站位於 https://howfuguismybrowser.dev/。
您是否曾想過:「我的瀏覽器有多 Fugu?

網頁的 Fugu 程度如何?

名為 How Fugu is the web? 的瀏覽器外掛程式可協助您找出您造訪的網站使用哪些 Fugu API。請從 Chrome 線上應用程式商店安裝這個擴充功能,然後瀏覽網頁,看看某些網站上的 Fugu 魚計數器如何顯示含有偵測到的 Project Fugu API 的徽章。舉例來說,如果您瀏覽 Excalidraw,計數器會跳到 9,因為 Excalidraw 會使用九個可偵測的 Project Fugu API。包括:

  1. CacheStorage
  2. Service Worker
  3. Web Share
  4. Async Clipboard
  5. 非同步剪貼簿 (圖片)
  6. 檔案系統存取權
  7. Web Share Target
  8. 網路分享目標 (檔案)
  9. 檔案處理
在網站 https://excalidraw.com/ 上叫用「How Fugu is the Web」擴充功能。
您是否曾想過:「網頁的 Fugu 程度有多高?

如先前所述,如果瀏覽器支援 Web Share API,您可以直接分享結果,如果不支援,則可以手動分享。如要瞭解瀏覽器是否支援某項功能,請按一下「Details」,查看相關說明文件。您也可以按一下項目符號清單中的原始碼連結,直接查看相關的原始碼程式碼片段。

結論

安裝How Fugu is the Web? 擴充功能後,瀏覽網頁時,Project Fugu API 徽章的出現頻率令人印象深刻。這類頁面包括提供便利功能的頁面,例如可將圖片貼到應用程式中 (例如 GitHub 的新問題頁面,而非上傳圖片),以及完整的應用程式,可利用多項功能,例如檔案處理、檔案系統存取權和剪貼簿存取權,如 Excalidraw。在先前需要特定平台應用程式的情況下,現在在某些情況下,網頁應用程式也可以填補空缺。例如 WootingWootility 應用程式,可透過 WebHID API 編寫遊戲鍵盤程式。

同樣地,在您選擇的瀏覽器 (或任何其他瀏覽器或嵌入式 WebView) 的每個新版本上執行 How Fugu is my browser? 也非常實用。幾乎每個新版瀏覽器都會獲得一或兩項新功能,進度列也會隨之上升一點。

為網路建構應用程式比以往更可行,而且平台持續以驚人的速度新增新功能。網頁並非建構應用程式的唯一選擇,但我希望透過這個測試網站和瀏覽器擴充功能,說服您再考慮一下可行網頁,如果您目前尚未考慮這項選項,不妨再試試看。