[[340234]]

如今，很少有不使用API的web應用程序了。API目前廣受歡迎，瀏覽器開始為復雜的功能提供API(ApplicationsProgramming Interface，應用程序接口)，而這些功能有時只能通過本機應用程序實現(xiàn)。

隨著web開發(fā)領域不斷發(fā)展，瀏覽器廠商也在加緊跟上步伐。它們不斷開發(fā)新的API，為web應用程序帶來新的本地類功能。雖然一些API已經(jīng)在現(xiàn)代瀏覽器中得到了充分支持，但人們對它們還是不太了解。下面這些API會在未來發(fā)揮重要作用，是時候認識他們啦!

Web Locks API

這個API允許你在多個標簽頁上運行web應用程序，以訪問協(xié)調共享資源。雖然這種情況并不常見，但在高級用例中，開發(fā)人員需要運行web應用程序的多個瀏覽器標簽頁并保持它們同步，此時該API可以派上用場。

雖然 API (如Shared Worker、Broadcast Channel、local Storage、session Storage、post Message、unload handler)可以用來管理制表符通信和同步，但它們都有缺點，需要開發(fā)人員進行變通，而這會導致代碼可維護性的降低。Web Locks API試圖通過引入更標準化的解決方案來簡化這個過程。

該API在Chrome 69中是默認啟用的，但仍然沒有得到Firefox和Safari等主流瀏覽器的支持。請注意，使用這個API時，你應該掌握如何處理類似“死鎖”的問題，避免落入其中。

支付請求API(The Payment Request API)

支付請求API幫助客戶和賣家更加無縫完成結賬過程。這種新方法無需支付表單，從根本上改善了用戶支付體驗。由于該API支持Apple Pay和Google Pay，它將有望成為電子商務領域的主要組成部分。

此外，由于憑證是在瀏覽器中管理的，用戶可以更容易從移動瀏覽器切換到桌面瀏覽器，并且仍然可以訪問他們的卡片信息。用戶還可以從商家端進行定制，只需提及商戶支持的支付方式和銀行卡信息，該API甚至可以根據(jù)送貨地址提供送貨選項。

頁面可見性API(The Page Visibility API)

在電腦瀏覽器中同時要打開20多個標簽頁是很常見的事情，筆者有朋友曾經(jīng)在修復一個bug后關閉了100多個標簽頁。瀏覽器甚至已經(jīng)開始出現(xiàn)了對標簽頁按照特征進行分組管理的功能，使標簽頁更有條理。

在頁面可見性API的幫助下，你可以檢測web頁面是否空閑。換句話說，你可以知道用戶是否正在查看包含你web頁面的標簽頁。這聽起來不足為奇，但它大大提升了用戶使用網(wǎng)站的體驗度。以下是幾個可以使用該API的例子：

· 當瀏覽器標簽處于非活動狀態(tài)時，下載應用程序包資源和媒體資源的剩余部分，這將幫助您高效利用空閑時間。

· 當用戶最小化或切換到另一個標簽頁時暫停視頻。

· 當標簽頁處于非活動狀態(tài)時，暫停圖片輪播。

盡管開發(fā)人員過去使用過blur 和 focus等事件，但它們并沒有告訴用戶你的頁面是否真的被隱藏了，頁面可見性API幫助解決了這個問題。此外，該瀏覽器API與大部分瀏覽器兼容。

來源：MDNDocs

基于圖形檢測API(The Shape Detection API)

web開發(fā)人員可能遇到過許多需要安裝外部庫來處理圖像中面孔、文本和條形碼等元素檢測的情況，這是因為之前還沒有可供開發(fā)人員使用的web標準API。

Chrome團隊正試圖通過在Chrome瀏覽器中提供一個實驗性基于圖形檢測API來改變這一現(xiàn)狀，使其成為web標準。目前該API還處于試驗階段，您可在 chrome://flags中啟用 #enable-experimental-web-platform-features 進行本地訪問。

Web分享API (The Web Share API)

Web分享API允許你以與本機應用程序相同的方式將鏈接、文本、文件共享到設備上的其他應用程序，有助于提高用戶對web應用程序的參與度。從2020年年中開始，這個API只能在Safari和Android的Chromium分支上運行。

本機共享接口

消息推送API(The Push API)

消息推送API允許web應用程序從服務器接收推送到它們的消息，不管應用程序是否處于前臺。即使應用程序沒有在瀏覽器上加載它也可以工作，這使得開發(fā)人員能夠及時地向用戶交付異步通知。要實現(xiàn)這一點，應該在使用API之前獲得用戶權限。

Cookie存儲API(The Cookie Store API)

眾所周知，使用cookie有點慢，因為它是同步的。但Cookie 存儲API實現(xiàn)了對HTTP cookies的異步訪問，有時也被稱為異步Cookie API。此外，該API還向服務工作者公開這些HTTP cookies。盡管有幫助庫來輔助所有常見的cookie操作，但有了Cookie存儲API，這些操作會更容易，也更高效。

Web分享目標API(The Web Share Target API)

通過在web表單中提供類似于應用程序的體驗，web應用程序正在改變我們理解應用程序的方式。根據(jù)StateOfJS網(wǎng)站的數(shù)據(jù)，約48.2%的用戶使用過PWAs(Progressive Web Apps，漸進式Web應用), 另有45.5%的用戶知道PWAs，足以見得PWAs受眾之廣。

盡管PWAs有許多類似于本機的特性，但它們缺少從本機應用程序接收文件的途徑。這個API實現(xiàn)了從其他本機應用程序接收鏈接、文本、文件，目前該API只能在Android系統(tǒng)Chrome 76及以上版本瀏覽器使用。

這些API都是非常“酷炫”的。缺乏主流瀏覽器支持是這些API的唯一不足之處，這意味著在生產中使用這些API并不容易。但我敢肯定，它們將在未來瀏覽器與web的開發(fā)中發(fā)揮關鍵作用。

本文轉載自微信公眾號「讀芯術」，可以通過以下二維碼關注。轉載本文請聯(lián)系讀芯術公眾號。