一个专业的前端应用,用于检测当前浏览器对 PWA(渐进式 Web 应用)的支持情况,并提供详细的分析报告和建议。采用 Vue 3 + Vite + TypeScript 技术栈构建,具备实时数据获取、多维度检测等先进功能。
每个功能都提供详细的检测方法:
<script setup>pnpm install
pnpm dev
pnpm build
pnpm preview
/workspace/ ├── src/ │ ├── components/ # Vue 组件 │ │ ├── dialogs/ # 对话框组件 │ │ ├── DetectionView.vue │ │ ├── ResultsView.vue │ │ └── ProgressRing.vue │ ├── composables/ # 组合式函数 │ │ ├── usePwaDetection.ts │ │ ├── useCompatData.ts # 实时兼容性数据 │ │ ├── useScreenshot.ts │ │ ├── usePdfExport.ts │ │ └── useShare.ts │ ├── stores/ # Pinia 状态管理 │ │ ├── detection.ts │ │ ├── settings.ts │ │ └── ui.ts │ ├── data/ # 静态数据 │ │ └── compatibility.ts # 兼容性数据库 │ ├── types/ # TypeScript 类型 │ │ └── index.ts │ ├── App.vue │ └── main.ts ├── public/icons/ # PWA 图标资源 ├── vite.config.ts # Vite + PWA 配置 ├── tailwind.config.js # Tailwind 配置 └── package.json
本工具支持所有现代浏览器:
MIT License