探索功能強大的網路

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

Project Fugu 是一項跨公司合作計畫,旨在消除網路功能方面的差距,以便在網路上執行新的應用程式類別。更具體來說,這代表您應該將新的 API 新增至瀏覽器,方便應用程式開發人員使用,實現先前不可能的用途。你的瀏覽器支援哪些 API?哪些網頁應用程式會利用這些 API?我們來看看吧!

Fugu 是我的瀏覽器嗎?

Project Fugu API 包括檔案處理檔案系統存取權非同步剪貼簿網路分享,為網路提供了一些功能,您可能預期只能在特定平台的應用程式中使用。舉例來說,您現在可以按兩下圖片檔案,使其在相關聯的 PWA 中開啟、做出修改,並將變更儲存回檔案中,然後將圖片內容複製到其他應用程式,或分享到電子郵件用戶端。目前只有不久前才能在網站上導入這類流程。

如要瞭解可能的應用方式,請查看「How Fugu is my Browser?」(我的瀏覽器怎麼運作?) 應用程式,看看所選瀏覽器支援哪些 Project Fugu API。並非所有功能都會在所有平台上公開,例如 Contact Picker API 目前只會在行動裝置上公開,因此就技術層面而言,在電腦上進行測試並不可能達到 100% (反之亦然)。因此,請將這項測試視為娛樂性競賽,而非絕對科學。每項測試功能都會附上相關說明文件的連結,方便您進一步瞭解這項功能。如果可以偵測功能,還會看到瀏覽器是否支援該功能,以及最後連結到 Chrome 狀態的網頁載入統計資料,指出特定功能的長期熱門程度。

如果您的瀏覽器支援 Web Share API,只要按一下 Fugu Fi 魚和進度列旁的 [Share] 按鈕,即可分享 Fugu 瀏覽器的操作方式。否則,您可以下載螢幕截圖,然後在所需的網路社群網路上手動分享。

網址為 https://howfuguismybrowser.dev/ 的網站。
您是否曾想過:「『我的瀏覽器』是如何?

浩格是我的網路世界嗎?

名為「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. 檔案處理
https://excalidraw.com/ 網站上啟用「How Fugu is the Web」擴充功能。
你是否曾經想過:「How Fugu is the web?

和之前一樣,您可以直接分享在您的瀏覽器支援 Web Share API 時直接分享結果,或者如果不支援,則可手動分享。如要查看瀏覽器是否支援某項功能,請按一下「Details」,閱讀相關說明文件。您也可以點選項目符號清單中的原始碼連結,直接查看相關的原始碼連結。

結論

在已安裝 How Fugu is the Web? 擴充功能的情況下瀏覽網路時,可以看到 Project Fugu API 徽章出現的頻率有多高。這部分的範圍涵蓋具備舒適功能的網頁,例如可以將圖片貼到應用程式中,例如可在 GitHub 的「新增問題」頁面 (而非以較不舒適的方式上傳圖片) 以及使用多種功能 (例如 Excalidraw 存取) 功能的應用程式。過去必須使用平台專屬應用程式,在某些情況下,現在網頁應用程式可以填入內容。例如 WootingWootility 應用程式,用於透過 WebHID API 設計遊戲鍵盤。

同樣地,在所選瀏覽器的各個新版本 (或任何瀏覽器或內嵌 WebView) 上執行 How Fugu 還算是我的瀏覽器嗎?,也非常令人滿意。幾乎每個新瀏覽器版本都會推出,當瀏覽器帶來一項新功能時,進度列會略為升高。

以網路為導向建構內容比以往更加容易,而且我們也會持續將新功能加入平台。網站不僅是建構應用程式的唯一選擇,但仍希望透過這個測試網站和瀏覽器擴充功能,讓您在目前尚未考慮的情況下,回歸為「功能化的網頁」