Progressive Web App（PWA）是由谷歌提出的
一整套技術解決方案，它致力於為 Web 提供出色的
用戶體驗，並完美體現了漸進增強原則。作為為數不
多的實戰入門用書，迪恩·艾倫·休姆著的這本
《PWA實戰(面向下一代的Progressive Web APP)》
旨在通過大量清晰示例來介紹 PWA 的主要特性。全
書一共由五個部分組成：第一部分介紹PWA的概念及
解鎖 PWA 應用的關鍵—Service Worker，第二部分
介紹如何構建響應速度更快的Web應用，第三部分介
紹如何構建更吸引人的Web應用，第四部分介紹如何
構建應對各種復雜網絡的 Web 應用，第五部分介紹
PWA的發展前景。
本書適合Web開發人員及前端技術愛好者閱讀，
稍有HTML、CSS 和JavaScript基礎學習效果更佳。

序
前言
致謝
關於本書
**部分　定義PWA
第1章　理解PWA
1.1　PWA有什麼優勢
1.2　PWA 基礎
構建 PWA 的業務場景
1.3　Service Worker：PWA的關鍵
1.3.1　理解 Service Worker
1.3.2　Service Worker 生命周期
1.3.3　Service Worker 基礎示例
1.3.4　安全考慮
1.4　性能洞察：Flipkart
1.5　總結
第2章　構建PWA的**步
2.1　建立在現有基礎之上
2.2　構建 PWA 的前端架構方式
2.2.1　應用外殼架構
2.2.2　性能優勢
2.2.3　應用外殼架構實戰
2.3　逐步剖析現有的 PWA
2.3.1　前端架構
2.3.2　緩存
2.3.3　離線瀏覽
2.3.4　觀感
2.3.5　*終產品
2.4　總結
第2部分　*快的Web應用
第3章　緩存
3.1　HTTP 緩存基礎
3.2　Service Worker 緩存基礎
3.2.1　在 Service Worker 安裝過程中預緩存
3.2.2　攔截並緩存
3.2.3　整合所有代碼
3.3　緩存前後的性能比對
3.4　深入 Service Worker緩存
3.4.1　對文件進行版本控制
3.4.2　處理額外的查詢參數
3.4.3　需要多少內存
3.4.4　將緩存提升到一個新的高度：Workbox
3.5　總結
第4章　攔截網絡請求
4.1　Fetch API
4.2　fetch 事件
Service Worker 生命周期
4.3　fetch實戰
4.3.1 使用WebP 圖片的示例
4.3.2　使用 Save-Data 請求頭的示例
4.4　總結
第3部分　吸引人的Web應用
第5章　觀感
5.1　Web 應用清單
5.2　添加到主屏幕
5.2.1　定制圖標
5.2.2　添加啟動頁面
5.2.3　設置啟動樣式和 URL
5.3　添加到主屏幕的**用法
5.3.1　取消提示
5.3.2　判斷使用情況
5.3.3　推遲提示
5.4　調試清單文件
5.5　總結
第6章　推送通知
6.1　與用戶互動
6.2　參與度洞見：Weather Channel
6.3　瀏覽器支持
6.4　**個推送通知
6.4.1　訂閱通知
6.4.2　發送通知
6.4.3　接收通知並與之互動
6.4.4　取消訂閱
6.5　第三方推送通知
6.6　總結
第4部分　有彈性的Web應用
第7章　離線瀏覽
7.1　解鎖緩存
7.2　提供離線文件
7.3　幾個需要注意的問題
7.4　緩存是非**性的
7.5　離線用戶體驗
7.6　跟蹤離線使用情況
7.7　總結
第8章　構建*富彈性的應用
8.1　現代網站所面臨的網絡問題
理解 lie-fi 和單點故障
8.2　Service Worker的營救
8.3　使用 Workbox
8.4　總結
第9章　保持數據同步
9.1　理解後臺同步
9.1.1　準備開始
9.1.2　Service Worker
9.1.3　提供備用方案
9.1.4　測試
9.2　通知用戶
9.3　定期同步
9.4　總結
第5部分　PWA的未來
**0章　流式數據
10.1　理解 Web Stream
10.1.1　Web Stream 有什麼優勢
10.1.2　可讀流
10.2　基礎示例
10.3　頁面渲染加速
10.4　Web Stream API的未來
10.5　總結
**1章　PWA故障排除
11.1　添加到主屏幕
11.1.1　如何得知網站上有多少用戶使用了添加到主屏幕功能
11.1.2　添加到主屏幕操作欄對我來說沒有任何意義，如何禁用或隱藏它
11.1.3　求助，我的添加到主屏幕（A2HS）功能沒效果
11.1.4　如果用戶安裝了我的Web 應用到他們的主屏幕上，但他們又清除了Chrome 的緩存，那麼我的網站緩存的資源也會被清除嗎
11.1.5　我不確定manifest.json 文件是否正常工作，那麼該如何進行測試
11.2　緩存
11.2.1　我在Service Worker 文件中使用代碼將資源添加到緩存中，但是當我*改文件時，緩存並沒有*新，而且即使刷新了頁面，看到的仍是舊版本的文件，這是為什麼
11.2.2　如何對 Service Worker 代碼進行單元測試
11.2.3　PWA 可以使用用戶設備上的多少內存
11.2.4　緩存的資源似乎每隔一段時間就會過期，如何確保它們**性地緩存呢
11.2.5　如何處理查詢字符串和緩存
11.3　調試 Service Worker 的具體問題
11.3.1　Service Worker 文件多久*新一次
11.3.2　Service Worker 文件出錯，但我不知道出錯的原因，那麼如何調試它
11.3.3　求助，我做了各種嘗試，但由於一些令人抓狂的原因，我的Service Worker 邏輯似乎從未執行
11.3.4　我已經在Service Worker 文件中添加代碼來處理推送通知，但是如何在不寫服務端代碼的情況下進行快速測試呢
11.3.5　我已經構建了離線 Web 應用，但是現在無法得知用戶是如何使用的，那麼如何追蹤用戶的使用情況呢
11.4　總結
**2章　前程似錦
12.1　引言
12.2　Web藍牙
12.3　Web分享API
12.4　支付請求API
12.5　硬件訪問
12.6　硬件：形狀檢測API
12.7　接下來呢
12.8　總結