探索功能強大的網路

您的瀏覽器支援哪些先進的網路功能?哪些網頁應用程式會利用這些功能?想知道這些問題的答案,請查看瀏覽器測試網站和瀏覽器擴充功能。

Project Fugu 是跨公司人力機構,旨在消弭網路功能之間的落差,讓新型應用程式能夠在網路上執行。說得更具體,這表示應用程式開發人員可在瀏覽器中新增 API,用於啟用先前不可能的用途。您選擇的瀏覽器支援哪些 API?哪些網頁應用程式使用這些 API?一起來看看吧!

Fugu 是我的瀏覽器嗎?

檔案處理檔案系統存取權非同步剪貼簿網路分享等 Project Fugu API 都為網路提供了預期僅限於平台專屬應用程式的功能。舉例來說,您現在可以按兩下圖片檔,在相關聯的 PWA 中開啟、進行修改、將變更儲存成檔案,然後將圖片內容複製到其他應用程式,或分享至電子郵件用戶端。而這是最近才在網路上執行的流程。

如要瞭解這兩種功能,請查看「Fugu is my Browser?」(Fugu 是我的瀏覽器?) 應用程式,並看看您選擇的瀏覽器支援哪些 Project Fugu API。不過,並非所有平台都會公開所有功能 (例如 Contact Picker API),目前只會在行動裝置上公開,因此如果你是在電腦上進行測試,就很難達到 100% 的分數 (反之亦然)。因此,這個測試屬於趣味競賽,而非絕對的科學。每項測試功能都有相關說明文件的連結,可讓您進一步瞭解功能。如果可以偵測功能,還會註明瀏覽器是否支援該功能,最後也會顯示連結至 Chrome 狀態的網頁載入統計資料,讓您瞭解特定功能的長期趨勢。

如果您的瀏覽器支援 Web Share API,只要按一下 Fugu fish 和進度列旁的 [Share] 按鈕,就能分享您的瀏覽器。否則,您可以下載螢幕截圖,然後手動分享到您選擇的線上社群網路。

網址為 https://howfuguismybrowser.dev/。
您是否想過:「How Fugu is my Browser?

阿古在網路上的風貌如何?

名為 How Fugu is the web? 的隨附瀏覽器擴充功能可協助您瞭解目前造訪的網站正在使用哪些 Fugu API。請從 Chrome 線上應用程式商店安裝這個擴充功能並瀏覽網路,然後留意某些網站的 Fugu Fish 計數器如何顯示含有偵測到 Project Fugu API 的標記。舉例來說,當您瀏覽至「Excalidraw」,計數器就會跳至 9,因為 Excalidraw 會使用九個可偵測的 Project Fugu API。分別是:

  1. CacheStorage
  2. Service Worker
  3. 網路分享
  4. 非同步剪貼簿
  5. 非同步剪貼簿 (圖片)
  6. 檔案系統存取權
  7. 網站分享目標
  8. 網路分享目標 (檔案)
  9. 檔案處理
「How Fugu is the Web」擴充功能從 https://excalidraw.com/ 網站叫用。
你是否曾好奇:「Fugu is the web?」(How Fugu is the web?)

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

結論

透過安裝的 Fugu is the Web? 擴充功能瀏覽網頁時,想知道 Project Fugu API 徽章的顯示頻率真的很棒。影響範圍包括提供舒適功能的網頁 (例如在 GitHub 的新問題頁面中,將圖片貼至應用程式,而非以較不舒適的選項上傳),到完整應用程式,運用檔案處理、檔案系統存取和剪貼簿存取等功能 (如 Excalidraw 中)。先前需要特定平台的應用程式時,現在在某些情況下可以填入網頁應用程式。例如 WootingWootility 應用程式,可透過 WebHID API 編寫遊戲鍵盤。

同樣地,在您選擇的每個新版瀏覽器 (或任何其他瀏覽器或內嵌的 WebView) 上執行「How Fugu is my Browser?」的效果也非常不錯。由於幾乎每個新的瀏覽器版本,所以當瀏覽器取得一或兩項新功能時,進度列就會稍微移動。

建構網站能夠比以往更靈活,而且平台中的新功能也會以驚人的速度持續加入。網路並不是您建構應用程式的唯一選擇,希望透過這個測試網站和瀏覽器擴充功能,您相信目前還未曾考慮到功能良好的網頁