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