允許用戶將文本、鏈接和文件共享到其已安裝的應用。
本機 Web 共享 API 允許用戶以與特定于平臺的應用程序相同的方式將文本、鏈接和文件共享到設備上安裝的其他應用程序。讓我們來看看如何使用這個新功能。
如何與網絡共享 API 共享鏈接和文本?
此 API 在導航器對象上公開一個方法。這是一個基于承諾的方法,具有必需的屬性對象。您需要傳遞至少以下屬性之一:share()
title — 例如,共享的主題用作電子郵件的主題。
text — 例如,郵件的正文文本用作電子郵件內容。
url — 要共享的 URL 將追加到正文文本之后。
文件 — 例如,要共享的文件在電子郵件中用作附件。
下面的代碼示例顯示了使用本機共享方法并將其綁定到簡單的按鈕單擊是多么容易:
如何使用網絡共享 API 共享文件?
為了與 Web 共享 API 共享文件,最好使用該方法添加一個檢查,以測試文件是否可以共享。navigator.canShare()
然后,可以將文件作為數組添加到屬性中。files
對網絡共享 API 的瀏覽器支持
瀏覽器對網絡共享API的支持非常好,但是火狐中沒有支持。同樣有趣的是,盡管鉻在Windows和瀏覽器操作系統上支持它,但到目前為止,它在macOS或Linux發行版上不支持它。
資源
網絡共享 API 的瀏覽器支持表
MDN — 導航器.share 文檔
結論
Web 共享 API 是一項漂亮的功能,在某些站點上非常有用,可提供用戶友好的共享方式。它比一堆自定義共享鏈接更容易實現。此外,它還會根據用戶安裝的應用程序自動顯示用戶選項。