如今，很少有不使用API的web應(yīng)用程序了。API目前廣受歡迎，瀏覽器開始為復(fù)雜的功能提供API（ApplicationsProgramming Interface，應(yīng)用程序接口），而這些功能有時(shí)只能通過本機(jī)應(yīng)用程序?qū)崿F(xiàn)。

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

Web Locks API

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

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

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

支付請(qǐng)求API（The Payment Request API）

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

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

頁面可見性API（The Page Visibility API）

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

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

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

· 當(dāng)用戶最小化或切換到另一個(gè)標(biāo)簽頁時(shí)暫停視頻。

· 當(dāng)標(biāo)簽頁處于非活動(dòng)狀態(tài)時(shí)，暫停圖片輪播。

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

基于圖形檢測(cè)API（The Shape Detection API）

web開發(fā)人員可能遇到過許多需要安裝外部庫來處理圖像中面孔、文本和條形碼等元素檢測(cè)的情況，這是因?yàn)橹斑€沒有可供開發(fā)人員使用的web標(biāo)準(zhǔn)API。

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

Web分享API （The Web Share API）

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

消息推送API（The Push API）

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

Cookie存儲(chǔ)API（The Cookie Store API）

眾所周知，使用cookie有點(diǎn)慢，因?yàn)樗峭降?。但Cookie 存儲(chǔ)API實(shí)現(xiàn)了對(duì)HTTP cookies的異步訪問，有時(shí)也被稱為異步Cookie API。此外，該API還向服務(wù)工作者公開這些HTTP cookies。盡管有幫助庫來輔助所有常見的cookie操作，但有了Cookie存儲(chǔ)API，這些操作會(huì)更容易，也更高效。

Web分享目標(biāo)API（The Web Share Target API）

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

盡管PWAs有許多類似于本機(jī)的特性，但它們?nèi)鄙購(gòu)谋緳C(jī)應(yīng)用程序接收文件的途徑。這個(gè)API實(shí)現(xiàn)了從其他本機(jī)應(yīng)用程序接收鏈接、文本、文件，目前該API只能在Android系統(tǒng)Chrome 76及以上版本瀏覽器使用。

這些API都是非?！翱犰拧钡?。缺乏主流瀏覽器支持是這些API的唯一不足之處，這意味著在生產(chǎn)中使用這些API并不容易。但我敢肯定，它們將在未來瀏覽器與web的開發(fā)中發(fā)揮關(guān)鍵作用。
責(zé)編AJX