根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url

2024-01-20

我的网站有几个小部分。当用户将网站添加到他们的主屏幕时,我想确保主屏幕图标将他们启动到他们添加到主屏幕时所在的小部分。

我可以为每个小节注册不同的清单,但这对于没有页面重新加载的单页应用程序不起作用。我正在考虑将小节存储在 cookie 中,然后根据该 cookie 从通用起始 URL 进行重定向。

有一个更好的方法吗?


If you remove the start_url来自清单.json文件,那么它将默认为用户在将 PWA 应用程序添加到主屏幕时正在浏览的页面。 参考:https://developers.google.com/web/tools/lighthouse/audits/manifest-contains-start_url https://developers.google.com/web/tools/lighthouse/audits/manifest-contains-start_url

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

根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url 的相关文章

  • Angular 9 PWA 社交登录重定向 start_url / 索引页面上的问题

    我的角度应用程序正在 Angular 9 上运行 带有 SSR 和 PWA 它在 Heroku cloudflare 上运行 当我尝试在索引页面上通过 Facebook Google 登录时 角度给出请求超时错误 Example 打开索引页
  • 阻止 PWA 在桌面上安装 chrome 76 提示?

    如果满足 PWA 标准 Chrome 76 在多功能框中引入了一个 安装应用程序 按钮 有没有办法阻止此按钮出现在 chrome 桌面的多功能框中 假设您想阻止默认设置以显示自定义安装横幅 在这里读 https love2dev com b
  • 渐进式网络应用程序(PWA)与 Electron 与浏览器扩展

    这个问题的背景是 我一直在开发一种我称之为工具的工具 用户可以在其中构建稍后可以运行的模块 它最初是一个小网页 在去年已经发展成为更类似于桌面应用程序的东西 但是 此时 仍然只是一组 html css 和 js 文件 我考虑过使用 Elec
  • 渐进式 Web 应用程序中的重定向

    我试图在通知单击时重定向到渐进式网络应用程序中的特定网址 但它不会重定向 情况 1 如果 Web 应用程序未添加到主屏幕 则在收到通知后单击浏览器窗口将打开并重定向到所需的 URL 情况 2 如果 Web 应用程序添加到主屏幕 则登陆页面是
  • 如何记录 PWA 是否被视为网站或应用程序

    我正在开发一个 PWA 渐进式网络应用程序 我希望能够跟踪某人是否只是将其视为网站 或者是否安装了它并将其视为应用程序 有什么办法可以做到这一点吗 我想不出任何方法 因为它们都使用相同的文件 都使用manifest json并且manife
  • 如何在已安装的 PWA 应用程序上推送应用程序更新?

    我的问题是 用户是否可以在无需重新安装 PWA 应用程序的情况下获取这些更改 我在生产中部署了一个 PWA 应用程序 客户端已在其移动设备中安装了已部署的 PWA 应用程序 我想在 HTTP 服务器中的 PWA 应用程序中部署另一个更新补丁
  • Cordova + Angular 4 + Typescript 样板模板

    我正在使用 Angular 4 开发一个 Web Progressive App 该应用程序需要封装在 Apache Cordova 中 作为为 Android 和 iOS 平台构建的混合应用程序 我正在寻找 Cordova Angular
  • 根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url

    我的网站有几个小部分 当用户将网站添加到他们的主屏幕时 我想确保主屏幕图标将他们启动到他们添加到主屏幕时所在的小部分 我可以为每个小节注册不同的清单 但这对于没有页面重新加载的单页应用程序不起作用 我正在考虑将小节存储在 cookie 中
  • Workbox仅缓存时间戳到indexDb,如何拦截indexDb中的json数据?

    下面的路由定义将json数据作为MyCachedData存储在缓存存储中 而IndexDb只存储url和时间戳 workboxSW router registerRoute MyApi workboxSW strategies staleW
  • PWA - 清单属性“display”:“standalone”在 Android 上不起作用

    我注意到我的 PWA 的行为非常奇怪 我可以在 Windows 上以 独立 模式启动它 但是当我尝试在 Android 设备上执行相同操作时 它会忽略 独立 值并在 Chrome 中打开网址 Android 7 0 Chrome Andro
  • 在移动设备上,执行其他操作几分钟后,localStorage 就会被删除

    仅当我在 iPhone 5S iOS 12 5 2 和 LG Android 手机上运行渐进式 React Web 应用程序时 才会出现此问题 它通过 Mobile Chrome 和 Mobile Safari 来实现此目的 我的 Macb
  • Angular 6 @angular/pwa - sw 未成功提供清单 start_url

    我使用 Angular 6 和 Angular pwa 包构建了一个 PWA 我一直在尝试解决此问题 但无论我做什么 我都会收到 start url 错误 我努力了 使用绝对链接 确保 start url 在 SW 的范围内 sw 在主文件
  • 无后端的 PWA 通知

    我正在使用 Javascript PWA 制作一个待办事项应用程序 待办事项会有提醒 我想向用户发送通知以提醒他们 任务和提醒时间将存储在localStorage中 所以现在我想在没有任何后端的情况下发送通知 我尝试过一些教程 它们都需要后
  • IOS 上的 PWA 和离线存储

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

    我想在我的 React 项目中添加 Service Worker 项目已准备就绪 默认服务似乎不起作用 即使当我尝试导入它时 它也会出现以下错误 尝试导入错误 registerServiceWorker 不包含默认导出 导入为 regist
  • 无法安装渐进式网络应用程序网站:没有可显示的图标

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

    我试图弄清楚是否可以使用默认系统应用程序从渐进式 Web 应用程序打开文件 这个想法是 PWA 将存储一些文件 例如 docx 文件 以供离线使用 并且用户无需 重新 下载它们即可打开它们 理想的情况是 PWA 能够将文件加载到内存中 使其
  • 如何为 pwa 添加自定义安装按钮

    我想添加自定义install网站内我的渐进式网络应用程序的按钮 我红色了很多文章并尝试了他们提供的答案 他们使用beforeinstallprompt let deferredPrompt window addEventListener b
  • 有没有办法在 Google Play 上提交reactjs PWA?

    我想使用 一次编写 到处运行 所以我用create react app在reactjs中创建了一个PWA 我的应用程序运行良好 我可以将其从网站放在手机的主屏幕上 不过 我也希望在移动商店中可见 从 Google Play 开始 I tri
  • 如何将 Angular 应用程序部署到 Heroku 并保持为 PWA? [复制]

    这个问题在这里已经有答案了 总结一下问题 我正在尝试将我的 Angular 6 应用程序部署到 Heroku 并保留渐进式 Web 应用程序功能 Heroku 上的最终构建没有 Service Worker 背景 我已经在 Angular

随机推荐