用什么做網(wǎng)站開發(fā)百度軟件應(yīng)用中心
文章目錄
- 引言
- I 什么是 PWA
- 功能
- 特性
- 技術(shù)上分為三個(gè)部分
- 安裝應(yīng)用
- II Web 應(yīng)用清單
- 將Web 應(yīng)用清單文件鏈接到站點(diǎn)
- manifest.json
- 字段說明
- III Service Worker( 緩存管理)
- IV 結(jié)合構(gòu)建工具讓項(xiàng)目支持 PWA應(yīng)用
- 使用插件vite-plugin-pwa
- workbox-webpack-plugin插件
- 擴(kuò)展知識(shí)
- 將 PWA 作為脫機(jī)應(yīng)用
- 定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系
引言
PWA 是 Google 于 2016 年提出的概念，于 2017 年正式落地，于 2018 年迎來重大突破，全球頂級(jí)的瀏覽器廠商，Google、Microsoft、Apple 已經(jīng)全數(shù)宣布支持 PWA 技術(shù)。
PWA 目的是通過各種 Web 技術(shù)實(shí)現(xiàn)與原生 App 相近的用戶體驗(yàn)
I 什么是 PWA
功能
- 離線加載與緩存(Service Worker + Cache API )
可以通過 Service Worker + HTTPS +Cache Api + indexedDB 等一系列 Web 技術(shù)實(shí)現(xiàn)離線加載和緩存。
Service Worker是一種在后臺(tái)運(yùn)行的JavaScript腳本，可以攔截網(wǎng)絡(luò)請(qǐng)求并將資源緩存到本地。這樣，即使用戶處于離線狀態(tài)，他們?nèi)匀豢梢栽L問緩存的內(nèi)容。
