# pwa_demo

**Repository Path**: hduzn/pwa_demo

## Basic Information

- **Project Name**: pwa_demo
- **Description**: PWA（Progressive Web Apps，渐进式网络应用），说人话就是用这个后：访问网页时在浏览器地址栏的右侧有一个可以“安装此应用”的按钮，点击后就可以安装，然后就像安装了一个应用一样。
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-06-19
- **Last Updated**: 2025-01-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PWA_demo

#### 介绍
PWA（Progressive Web Apps，渐进式网络应用），说人话就是用这个后：访问网页时在浏览器地址栏的右侧有一个可以“安装此应用”的按钮，点击后就可以安装，然后就像安装了一个应用一样。

#### 文件说明

1.  创建manifest文件，描述你的应用程序。
2.  创建Service Worker文件，处理你的应用的离线缓存。
3.  准备一个图标的文件：icon-192x192.png（分辨率需要对应192x192）
4.  index.html

#### 使用说明

因为我用了tailwind，所以这些就用了output.css，没用这个的话就不需要这个css文件。

然后直接放web服务器上就能用了。

当然，这个一般都需要HTTPS，HTTP用不了，本地测试用 127.0.0.1或者localhost都能看到效果。