什么是 iOS 的渐进式 Web 应用程序解决方案 [关闭]

2024-04-16

我想知道 iOS 设备的渐进式 Web 应用程序的解决方案是什么,因为他们的默认浏览器 SAFARI 尚不支持渐进式 Web 应用程序。 那么 IOS 版本的替代方案是什么?


请注意,“支持渐进式 Web 应用程序的浏览器”并不是一个真正的术语,PWA 本身是 Web 应用程序可以为用户提供的一组功能。所以这不仅仅是 Service Worker 和 App Manifest 的问题。

查看:基线 PWA 清单 https://developers.google.com/web/progressive-web-apps/checklist.

在创建此答案时,您可以采取以下措施在 iOS/Safari 上实现 PWA:

  • 网站通过 HTTPS 提供服务 ✅
  • 页面在平板电脑和移动设备上具有响应能力 ✅
  • 起始 URL(至少)在离线时加载 ????
  • 为添加到主屏幕提供元数据✅❗️
  • 即使在 3G 环境下,首次加载也很快 ✅
  • 网站可跨浏览器运行 ✅
  • 页面转换不会感觉网络被阻塞 ✅
  • 每个页面都有一个 URL ✅

正如您所看到的,几乎一切都正常,即使您的页面无法在 iOS/Safari 上离线工作,将您的 Web 应用程序“升级”为 PWA 仍然有巨大的好处。

您真正想要的不是“渐进式 Web 应用程序”的花哨标题,而是一个能够为用户提供良好体验和功能的优秀 Web 应用程序。这是一个旅程,因为你可以通过每一个小部分来完成它,这就是为什么它被称为“渐进”。

关于“添加到主屏幕:Safari 有自己的“主屏幕图标”规范,称为apple-mobile-web-app-capable在元标记中。Web 应用程序清单生成器 https://tomitm.github.io/appmanifest/iOS 有一个使用此元标记的后备方案。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

什么是 iOS 的渐进式 Web 应用程序解决方案 [关闭] 的相关文章

  • 无法运行已发布的 Blazor WebAssembly 应用程序

    当我在 Visual Studio 调试器中运行该应用程序时 它运行得很好 但如果我将其部署到服务器 我会在浏览器控制台中收到此错误 无法在资源 完整性 属性中找到有效的摘要http example com pwaexperiment ww
  • iOS PWA Safari 打不开页面?

    如果我在我的 iPad Pro 11 英寸上执行以下操作 关闭 Wifi 并打开飞行模式 打开我们的 iOS PWA 它说 Safari 无法打开该页面 http www example com http www example com 因
  • Angular PWA 不会在生产环境中更新

    我在 Angular 8 中有一个 PWA 我添加了 ng add angular pwa 并且 PWA 功能似乎可以工作 接受这个问题 当我将新版本推送到生产时 该应用程序是not在人们的浏览器上进行了更新 在 Chrome 和移动 Sa
  • 为什么 Chrome 开发者工具会自动阻止请求?

    我正在尝试构建一个 PWA 渐进式 Web 应用程序 但 Chrome 开发工具控制台警告说它正在阻止我的 css 和图标文件 Request was blocked by DevTools https example com styles
  • PWA:强制 window.open 打开浏览器而不是 PWA

    我构建了一个带有角度前端的 ASP NET Core 应用程序 角度应用程序有 angular pwa节点包设置 因此它是一个渐进式 Web 应用程序 可以安装在 android windows 上 表现得像本机应用程序 我已经使用 Mic
  • Cordova + Angular 4 + Typescript 样板模板

    我正在使用 Angular 4 开发一个 Web Progressive App 该应用程序需要封装在 Apache Cordova 中 作为为 Android 和 iOS 平台构建的混合应用程序 我正在寻找 Cordova Angular
  • 重新加载页面后 Service Worker 显示为已删除

    我正在使用 React 并尝试实现服务工作人员 我编写了一个用于推送通知的迷你服务工作人员文件 当用户单击按钮时正在注册服务工作人员 现在如果我发送推送消息 它会按预期工作 但是当我重新加载时页面中 虽然注册成功 但应用程序中的Servic
  • 根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url

    我的网站有几个小部分 当用户将网站添加到他们的主屏幕时 我想确保主屏幕图标将他们启动到他们添加到主屏幕时所在的小部分 我可以为每个小节注册不同的清单 但这对于没有页面重新加载的单页应用程序不起作用 我正在考虑将小节存储在 cookie 中
  • 浏览器关闭时如何唤醒服务人员

    我正在玩服务人员的东西 我已经做了它以及清单 json 我想在以下场景后触发服务工作人员启动 添加了推送集成并从服务器端发送推送通知 在客户端收到它 但前提是我在我的申请页面中 以下是我想要尝试启动 Service Worker 的步骤 我
  • 我应该如何处理pushsubscriptionchange事件?

    根据规格 https www w3 org TR push api the pushsubscriptionchange event a pushsubscriptionchange事件表示 推送订阅已失效 或即将失效 处理此事件的最佳做法
  • Service Worker skipWaiting 无法激活当前等待的软件

    描述 我们使用 sw precache 来预先缓存脚本 因此为了更新脚本 我们提供了重新加载选项 为此 我们正在监听工作人员消息 以跳过等待新安装的服务工作人员 原因未知 我们没有得到正确的结果 导入脚本 GETTING OLD SW re
  • IOS 上的 PWA 和离线存储

    我们希望开发一款 应用程序 能够为评估人员记录受损汽车的详细信息 这个想法是让少数评估员拥有公司的 iPad 然后 当汽车损坏并返回车场时 他们可以参观拍照 输入一些详细信息 然后将其上传到主系统中 有些车场可能位于没有互联网覆盖的区域 因
  • PWA 的推送通知或 Web 推送通知

    首先 我想说我一直在研究推送通知和网络通知 但我有点困惑 我从这里读到 PWA 的推送通知不适用于 Safari 上的 iOS iPhone 从 PWA 向 iOS 发送推送通知 https stackoverflow com questi
  • 通过 VPN 在 Android 上创建 WebAPK 失败

    我的公司 VPN 阻止来自 Android 设备的所有外部流量 我正在尝试测试内部托管的 PWA 防火墙内的所有资源 我观察到 尽管通过了 Lighthouse 审核 但我的 PWA 在设备上的 WebAPK 创建过程中失败了 具体来说 安
  • 无法安装渐进式网络应用程序网站:没有可显示的图标

    我正在构建一个渐进式网络应用程序 我从样板开始创建反应应用程序 https github com facebookincubator create react app 然后我添加了一个网络应用程序清单 应用程序 公共 manifest js
  • 在渐进式 Web 应用程序中使用系统应用程序打开文件

    我试图弄清楚是否可以使用默认系统应用程序从渐进式 Web 应用程序打开文件 这个想法是 PWA 将存储一些文件 例如 docx 文件 以供离线使用 并且用户无需 重新 下载它们即可打开它们 理想的情况是 PWA 能够将文件加载到内存中 使其
  • 渐进式 Web 应用程序的预期启动体验是什么?

    测试渐进式 Web 应用程序 当我在飞行模式下启动应用程序时 我得到了意外的启动 启动体验 Android Chrome 从主屏幕体验启动 我看到一个白色的屏幕 然后是 离线恐龙 的短暂闪烁 然后应用程序成功启动 一切正常 启动时间比我预期
  • 收到无效的 JSON 负载。未知名称 click_action

    所以我目前正在开发一个 PWA 我现在正在与推送通知我已经能够使用以下非常简单的 JSON 结构接收后台和前台通知 message token aValidToken notification title New Content body
  • TWA - 数字资产链接正常,但地址栏仍然可见

    我开发了一个渐进式 Web 应用程序 我想将其作为可信 Web 活动在 Play 商店中发布 它是https www bagnoadriatico it https www bagnoadriatico it 遵循本指南https deve
  • 在 Facebook 浏览器中更新 Service Worker

    遇到了一个问题 我们的一些用户在我们网站的 Facebook 浏览器中存在有问题的 Service Worker 问题 当 Facebook 应用程序用户访问我们在 FB 上共享的页面时 他们会在 FB 浏览器上看到我们的 您离线页面 该错

随机推荐