iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端三分鐘 X Progressive Web App 30 天製造解密 系列

每天花三分鐘的時間,一起來 Progressive Web App 製造解密,了解漸進式增強到底有多強。

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 11

Progressive Web App 離線後備頁面: 玩過 Chrome 小恐龍遊戲了嗎 (11)

離線後備頁面介紹 (offline fallback page) 離線後備頁面提供用戶在網路不穩定的情況下,一個備援的顯示頁面。 在過去的網站大多由伺服器提供,...

2021-09-24 ‧ 由 linyencheng 分享
DAY 12

Progressive Web App 架構模式: App Shell Model 概念說明 (12)

什麼是 App Shell? App Shell 乍聽之下是一種技術,實際上是 Web App 架構模式 (Architectural Patterns)。 A...

2021-09-25 ‧ 由 linyencheng 分享
DAY 13

Progressive Web App 用戶端儲存簡介 (13)

什麼是用戶端儲存 (Client-side storage) 對一個 App 來說,為了達到某些目的,將相關資料存在用戶端是相對方便的,舉例來說 個人偏好設定...

2021-09-26 ‧ 由 linyencheng 分享
DAY 14

Progressive Web App 存取本機檔案: File System Access API (14)

什麼是 File System Access API? 透過這個 File System Access API 就能透過程式操作本機上的檔案,舉例來說像是開啟或...

2021-09-27 ‧ 由 linyencheng 分享
DAY 15

Progressive Web App Audits (15)

什麼是 Lighthouse Audits? Lighthouse 是一套整合在 DevTools 中的開放原始碼檢測工具,用來檢測效能、可靠性、SEO、PWA...

2021-09-28 ‧ 由 linyencheng 分享
DAY 16

Progressive Web App 喚醒鎖: 維持螢幕長亮的方法 (16)

什麼是喚醒鎖 (Screen Wake Lock API)? 喚醒鎖 (Screen Wake Lock API) 讓 App 不會因為省電設定而關閉螢幕,透過...

2021-09-29 ‧ 由 linyencheng 分享
DAY 17

Progressive Web App 透過系統分享內容: Web Share API & Web Share Target (17)

什麼是 Web Share API Web App 透過 Web Share API 就能夠使用系統提供的分享功能,將連結、內容和文件分享給安裝在裝置上的其他應...

2021-09-30 ‧ 由 linyencheng 分享
DAY 18

Progressive Web App 存取通訊錄聯絡人 (18)

什麼是 Contact Picker API 透過 Contact Picker API 網頁也可以像 Native App 一樣去選取用戶的聯絡人資訊,API...

2021-10-01 ‧ 由 linyencheng 分享
DAY 19

Progressive Web App 定期背景同步 (19)

什麼是 Periodic Background Sync API 透過在 service worker 搭配 Periodic Background Sync...

2021-10-02 ‧ 由 linyencheng 分享
DAY 20

Progressive Web App 閒置中: Idle Detection API 空閒檢測入門實做 (20)

什麼是 Idle Detection API Idle Detection API 的設計是當 App 被用戶閒置超過設定的時間時觸發,目前這個 API 還在提...

2021-10-03 ‧ 由 linyencheng 分享