深入瞭解各種適用於優質應用程式的新模式,包括剪貼簿模式、檔案模式和應用程式模式。
無論您建構什麼內容,無論是新一代的影片編輯應用程式、令人上癮的字詞遊戲,或未來的網路社群網路應用程式,都會有下列幾個基本構成元素:
- 影片編輯應用程式可能允許使用者儲存編輯完成的影片。
- 您的遊戲也可能允許使用者與好友「分享」遊戲進度,
- 線上社群網路應用程式極可能允許使用者將圖片「貼到文章」中。
沒有普遍的方法來實現這些模式
以上只是其中幾個模式的範例,還有更多。但上述功能都有一項共通點:沒有普遍的認識。
分享進度
舉例來說,並非所有瀏覽器都會實作 Web Share API,因此在某些情況下,您必須改用不同方法,例如 Twitter 的網路意圖或複製到剪貼簿,這是未實作 Web Share API 時,在 Wordle 中選擇的做法。哇,沒想到這個:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
儲存檔案
如果您打算儲存,最好先使用 File System Access API,最後得到 FileSystemFileHandle
,這可讓您真正執行儲存、編輯、儲存流程。下一個最佳做法是改回使用傳統版 <a download>
,同樣可讓使用者儲存資料,但每次下載時都會建立新檔案,因此最終會產生 my-video.mp4
、my-video (1).mp4
、my-video (2).mp4
等。
正在貼上圖片
總結來說,並非所有瀏覽器都支援將圖片貼到網頁應用程式,因此您可以改回使用 Drag and Drop API,或顯示檔案選擇器,這不像 Async Clipboard API 一樣優雅,但至少有效。
新模式
除非此設定,否則新的模式區段如下:
剪貼簿模式
剪貼簿模式適用於與系統剪貼簿相關的所有內容,例如複製及貼上各種內容。
檔案模式
檔案模式適用於與檔案和目錄相關的所有項目,例如儲存、開啟、拖曳、接收或共用。
網頁應用程式模式
網頁應用程式模式:適用於各種進階應用程式功能的相關資訊,例如提供應用程式捷徑、在背景定期同步處理資料,以及顯示應用程式標記等等。
意見回饋:
希望這些模式有助您打造出色的應用程式,期待能收到您的寶貴意見!
歡迎透過 @ChromiumDev 發文發表意見回饋,或是提出問題。無論是哪種情況,都請標記 @tomayac
確保我看得到。
特別銘謝
非常感謝 Joe Medley 協助檢視及編輯模式。感謝 Pete LePage、Ewa Gasperowicz、Rachel Andrew、Ken Pascal 和 Matthias Rohmer 提供的所有技術與組織支援和支持。如果沒有各模式的作者幫助,實現完整的模式專案就無法實現,其中包括 Harry Theodoulou、Tony Conway、Palances Liao、Cecilia Cong、François Beaufort 和 Joe Medley。