Blazor WebAssembly 如何实现 PWA 的离线数据管理？

本文共计2290个文字，预计阅读时间需要10分钟。

Blazor渐进式Web应用（PWA）是一种单页应用程序（SPA），它利用新型浏览器API和功能，如桌面应用般的体验。Window.localStorage、只读localStorage属性允许你访问来自特定源（origin）的Document对象。

Blazor 渐进式 Web 应用 (PWA) 是一种单页应用程序 (SPA)，它使用新式浏览器 API 和功能以表现得如桌面应用 Window.localStorage

只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。

存储在 localStorage 的数据可以长期保留

localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

浏览器兼容性

桌面:

Chrome,
Edge,
Firefox,
Internet Explorer,
Opera,
Safari

移动端:

WebView Android,
Chrome Android,
Firefox for Android,
Opera Android,
Safari on iOS,
Samsung Internet

Blazor WebAssembly

Blazor WebAssembly 用于使用 .NET 生成交互式客户端 Web 应用。 Blazor WebAssembly 使用无插件或将代码重新编译为其他语言的开放式 Web 标准。