安全 安全 上一章，我们介绍了 PWA 中与用户留存相关的内容。在构建 PWA 应用时，如何保证用户的信息安全，也是一个十分重要的话题。Web 应用程序的使用范围非常广泛，其安全问题也日益突显，代码中的细小漏洞随时可能被攻击者利用，导致用户的隐私信息泄露、财产损失。本章节将从以下几个角度入手，帮助您构建更加安全的 PWA 应用。 使用 HTTPS...

维护 manifest.json 如何配置 如何自动生成 如何测试验证 维护 manifest.json 开始之前，您可以查看添加到屏幕 相关内容，快速掌握相关基础。 为了实现 PWA 应用添加至桌面的功能，我们需要准备 manifest.json 文件配置应用的图标、名称等信息。 项目中这些信息在哪里配置呢? 如何配置 项目的配置...

基本功能 自定义名称 示例 自定义图标 示例 设置启动网址 示例 设置作用域 示例 基本功能 本文将介绍 manifest.json 的一些基本配置，通过这些基本配置，PWA 站点可以支持添加至主屏幕功能。 自定义名称 自定义图标 设置启动网址 设置作用域 自定义名称 PWA在通过应用安装横幅引导用户安装 app，以...

利用 ASP.NET Core Blazor WebAssembly 生成渐进式 Web 应用程序Build Progressive Web Applications with ASP.NET Core Blazor WebAssembly 本文内容 PWA 模板PWA template 安装和应用部件清单 (manifest)Installation...

为什么是渐进式 PWA 改造的成本考虑 标准的支持度 为什么是渐进式 我们强调渐进式的改善站点体验主要有下面两个原因： 降低站点改造的代价，逐步支持各项新技术，不要一蹴而就 新技术标准的支持度还不完全，新技术的标准还未完全确定 PWA 改造的成本考虑 PWA 涉及到从安全、性能和体验等方面的优化，想要一次性支持所有特性，代价很高，老板也...

应用添加横幅 引导用户添加应用至主屏幕 显示应用安装横幅的条件 应用安装横幅事件 判断用户是否安装此应用 取消或延迟安装横幅的触发事件 示例 引导用户安装原生应用 显示原生应用安装横幅的条件 应用添加横幅 PWA 提供两种添加应用横幅的形式，分别实现引导用户添加 PWA 至桌面 和引导用户下载原生应用 的功能。本文将介绍应用安装横幅的...

服务端渲染 SSR 完全指南 Nuxt.js Quasar Framework SSR + PWA 服务端渲染 SSR 完全指南 在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请移步 ssr.vuejs.org 。 N...

改善应用体验 添加启动画面 设置图像和标题 设置启动背景颜色 设置启动显示类型 示例 设置显示类型 示例 指定页面显示方向 设置主题颜色 示例 改善应用体验 通过对 manifest.json 进行相应配置，可以提升 PWA 从主屏幕启动时的应用体验。 添加启动画面 设置显示类型 指定显示方向 设置主题色 添加启...

各种项目模板 知识点 实战演习 模板官网 课程文件 小马视频频道 各种项目模板 知识点 vue命令默认提供的各种模板 实战演习 $ vue help $ vue list browserify - A full-featured Browserify + vueify setup with hot-reload, ...

Lighthouse 使用案例 对站点进行测试 测试结果 总体评分 Performance 性能评分 PWA 评分 无障碍访问评分 Best Practices 最佳实践评分 SEO 搜索引擎优化评分 小结 Lighthouse 使用案例 前面两节我们对 Lighthouse 的使用方法和性能评分计算的原理有了一定的了解，下面我们使...