渐进式 Web 应用(PWA) 添加到主屏幕

共6个文件

png：2个

jpg：1个

js：1个

需积分: 16 3 下载量 181 浏览量 2023-02-02 14:25:31 上传评论收藏 28KB ZIP 举报

温馨提示

渐进式web应用。构建应用的用户界面;一个为响应式设计的“保护伞”式的术语，是 Google 在2015年提出，是在移动端利用提供的标准化框架，在网页应用中实现和原生应用相近的用户体验。独立连接性、新颖、安全、可探索、可重定制、可安装性、可链接的应用/web站点，并带有原生应用般的交互性能。

资源推荐

资源详情

资源评论

添加到主屏幕：将渐进式Web应用程序添加到主屏幕和安装提示管理库

添加到主屏幕上适用于移动设备的脚本，它会自动显示一条覆盖消息，鼓励您将该Web应用程序添加到主屏幕。兼容iOS 6+和Android版Chrome（即将推出WinPhone）。安装将addtohomescreen.css和addtohomescreen.js添加到项目索引文件的头部。然后，调用addToHomescreen(); 尽快地。例如： < head > <

pwa-install：渐进式Web应用程序安装（添加到主屏幕）香草Web组件

<pwa> 渐进式Web应用程序将安装（添加到主屏幕）原始Web组件。安装 npm i @progressivewebcomponents/pwa-install 安装Web组件polyfill（较旧的浏览器需要）： npm i -D @webcomponents/webcomponentsjs 另外，您可以使用。进口加载Web组件polyfill（如果需要）： < scr

a2hs.js：:mobile_phone_with_arrow:一个有用的现代JavaScript解决方案，可帮助您的网站用户向其移动iOS设备的主屏幕添加（安装）渐进式Web应用程序（PWA）

:mobile_phone_with_arrow: a2hs.js 将渐进式Web应用程序（PWA）添加到iOS的主屏幕上一个有用的现代JavaScript解决方案，可帮助您的网站用户向其移动iOS设备的主屏幕添加（安装）渐进式Web应用程序（PWA）。专为iOS Safari 9.x-12.2 +的最新4个主要版本而设计。为什么？您可能知道，iOS Safari没有内置的弹出窗口，建

收起资源包目录

MySamplePWA-old.zip （6个子文件）

MySamplePWA-old

sw.js 4KB

manifest.json 2KB

icon512.png 9KB

index.html 670B

images

lost-in-cyberspace.jpg 7KB

icon512.png 9KB

共 6 条

<!DOCTYPE html> <html lang="zh-en"> <head> <meta charset="UTF-8"> <title>矢量图库，图片素材，网页素材，免费素材，PS素材，网站素材，设计模板，设计素材，www.58pic.com，网页模板免费下载，千图，素材，素材，免费设计，图片</title> <link rel="manifest" href="/manifest.json"> <script> if('serviceWorker' in navigator) { // 注册服务器文件 sw.js navigator.serviceWorker.register('/sw.js'); } </script> </head> <body> <iframe style="width: 100%;height: 99vh;" src="https://www.3d66.com/" frameborder="0"></iframe> </body> </html>

评论收藏

内容反馈

资源评论