PWA資料整理(一) Manifest 新增至桌面

2021-08-28 19:17:11 字數 1042 閱讀 7692

manifest 新增到桌面(本篇)

service worker 離線快取

service worker 訊息推送

說到這個就想起來之前剛到實驗室的時候,姜工提的 web 新增桌面快捷方式的需求。由於 web 應用本身許可權比較低,不能自動新增,只能借助瀏覽器所帶的功能,因此那個需求也就不了了之。

manifest 只需要簡單的新增 link 標籤就能夠完成部署:

rel=

"manifest"

href

="manifest.json"

/>

這裡是乙個 manifest.json 的例子,來自 mdn

,,

,,,]

,:[,

]}

相容性就是乙個令人悲傷的事情了。在 desktop 端,當前沒有瀏覽器對 manifest 進行支援(不過桌面環境本就不是 pwa 的舞台);在 mobile 端,各大瀏覽器廠商的支援情況也很慘淡:

feature

android

android webview

firefox mobile (gecko)

ie mobile

opera mobile

safari mobile

chrome for android

basic support

未實現39.0??

32.0

?39.0

background_color

未實現46.0??

(yes)

?46.0

theme_color

未實現46.0??

未實現?

46.0

icons, name, short_name, and theme_color used for add to home screen feature.

?(yes)

53.0

?未實現

?(yes)

PWA 學習筆記 一

概念 pwa 的關鍵技術在瀏覽器中的支援度 2 service worker 的支援度達到 89.84 3 notifications api 的支援度達到 75.17 4 push api 的支援度達到 78.06 產生原因 移動時代 主要特點 1 可靠 即使在網路不穩定甚至斷網的環境下,也能瞬間...

乙個 PWA 的誕生

本文可以提前讓大家熟悉 pwa 搭建,文中提到的配置來自乙個 redesign 的 nipponcolors,最近才做好的,使用的各種庫都是現在 2018.09.14 最新的,可用的,另外本文不討論應用功能,單純講講 pwa 的搭建。vue cli3 與 2 的區別挺大的,3 預設搭建工程並非像 2...

資料分析入門整理(一)

資料分析方法 1 商業智慧型 2 分析 3 資料探勘 資料分析師常用工具 sqlhadoop sa cel rtableau spss 資料分析流程 業務理解 資料分析的七點,最為重要的環節 資料收集 多渠道獲取結構化與非結構化資料 資料處理 資料清洗 資料整理 資料加工 資料分析 現狀 原因分析,...