優質應用程式的全新模式

深入瞭解各種適用於優質應用程式的新模式,包括剪貼簿模式、檔案模式和應用程式模式。

無論您建構什麼內容,無論是新一代的影片編輯應用程式、令人上癮的字詞遊戲,或未來的網路社群網路應用程式,都會有下列幾個基本構成元素:

  • 影片編輯應用程式可能允許使用者儲存編輯完成的影片。
  • 您的遊戲也可能允許使用者與好友「分享」遊戲進度,
  • 線上社群網路應用程式極可能允許使用者將圖片「貼到文章」中。

沒有普遍的方法來實現這些模式

以上只是其中幾個模式的範例,還有更多。但上述功能都有一項共通點:沒有普遍的認識。

分享進度

舉例來說,並非所有瀏覽器都會實作 Web Share API,因此在某些情況下,您必須改用不同方法,例如 Twitter 的網路意圖或複製到剪貼簿,這是未實作 Web Share API 時,在 Wordle 中選擇的做法。哇,沒想到這個:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

儲存檔案

如果您打算儲存,最好先使用 File System Access API,最後得到 FileSystemFileHandle,這可讓您真正執行儲存、編輯、儲存流程。下一個最佳做法是改回使用傳統版 <a download>,同樣可讓使用者儲存資料,但每次下載時都會建立新檔案,因此最終會產生 my-video.mp4my-video (1).mp4my-video (2).mp4 等。

正在貼上圖片

總結來說,並非所有瀏覽器都支援將圖片貼到網頁應用程式,因此您可以改回使用 Drag and Drop API,或顯示檔案選擇器,這不像 Async Clipboard API 一樣優雅,但至少有效。

新模式

除非此設定,否則新的模式區段如下:

剪貼簿模式

剪貼簿模式適用於與系統剪貼簿相關的所有內容,例如複製及貼上各種內容。

檔案模式

檔案模式適用於與檔案和目錄相關的所有項目,例如儲存、開啟、拖曳、接收或共用。

網頁應用程式模式

網頁應用程式模式:適用於各種進階應用程式功能的相關資訊,例如提供應用程式捷徑、在背景定期同步處理資料,以及顯示應用程式標記等等。

意見回饋:

希望這些模式有助您打造出色的應用程式,期待能收到您的寶貴意見! 歡迎透過 @ChromiumDev 發文發表意見回饋,或是提出問題。無論是哪種情況,都請標記 @tomayac 確保我看得到。

特別銘謝

非常感謝 Joe Medley 協助檢視及編輯模式。感謝 Pete LePageEwa GasperowiczRachel AndrewKen PascalMatthias Rohmer 提供的所有技術與組織支援和支持。如果沒有各模式的作者幫助,實現完整的模式專案就無法實現,其中包括 Harry TheodoulouTony ConwayPalances LiaoCecilia CongFrançois BeaufortJoe Medley