网页与主页上的 PWA 图标不兼容

白色

设置
用户访问渐进式网站。
用户在 iPhone 的主页上添加图标。

重现
用户单击图标以转到 Safari 中的网页。
在该页面上,用户单击链接转到第三方网站。
页面返回“您正在使用不受支持的浏览器。请使用 Safari 或 Chrome 打开此页面。

但是如果他直接打开 Safari 并导航到我们的网站,然后单击转到远程页面,一切正常。

安装在主页上的图标必须不仅仅是一个链接。
问:我在这里真正安装的是什么?

我发现的大多数答案都说它是由使用过时版本的 Safari 或检查旧版本 Safari 的网页引起的。无论哪种方式都无法识别它。
但是在这种情况下,无论是否有效,Safari 的版本都是相同的。

HTTP_USER _AGENT Mozilla/5.0 (iPhone; CPU iPhone OS X 10_3_3 like Mac OS X) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.0 Mobile/14G60 Safari/602.1

阿别利塔

您可能想查看此博客博客建议在您的渐进式 Web 应用程序中负责任地使用 iOS 元标记。如果您不希望在浏览器而不是应用程序的容器中打开它们,则必须提供在 UI 内提供后退按钮的单页应用程序解决方案或使用location.href代替普通链接。在 iOS 上,您无法为主屏幕上的图标定义不同的 URL,因此,如果您将它添加到主屏幕而不是在主屏幕中,您可能会得到奇怪的结果。

您可以在“Programming the Mobile Web, 2nd”一书中获得有关如何在 iOS 上成功创建渐进式 Web 应用程序的更多详细信息版”或在移动 HTML5 视频培训中

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

主页图标向上指示器兼容操作栏

来自分类Dev

表中的图标与mergeDuplicates =“ true”不兼容

来自分类Dev

OSX上不兼容的openCV和libtiff库

来自分类Dev

Linux上的Python Pickle文件与Mac不兼容?

来自分类Dev

Google Playstore中的PWA应用未在设备主屏幕上显示图标

来自分类Dev

设置PWA的窗口标题和图标

来自分类Dev

Angular PWA ngsw-config updateMode-什么时候在用户的PWA上更新?

来自分类Dev

在形状不兼容的张量上重新调用

来自分类Dev

如何使用自签名OpenSSL证书在HTTPS上测试PWA?

来自分类Dev

Android 10上的Chrome 85违反了PWA吗?

来自分类Dev

VueJS Webpack PWA资产图标manifest.json

来自分类Dev

在Linux上重现libc ++ / libstdc ++ ABI不兼容

来自分类Dev

jQuery脚本翻转在iDevices上不兼容

来自分类Dev

菜单,Bootstrap导航栏上搜索栏下方...不兼容

来自分类Dev

笔记5中Play商店上的不兼容应用

来自分类Dev

Linux上的Python Pickle文件与Mac不兼容?

来自分类Dev

广告拦截器是否可以在PWA上使用?

来自分类Dev

C:哈希表上的指针类型不兼容

来自分类Dev

形状(1,)和()在cond运算符上不兼容

来自分类Dev

素材图标未显示在托管网页上

来自分类Dev

我的应用与 Google Playstore 上的所有设备不兼容

来自分类Dev

SharePoint 2016 PWA 网站不工作

来自分类Dev

在 PWA 推送通知上添加服务器参数

来自分类Dev

Html 弹出窗口将 PWA 图标添加到电话

来自分类Dev

PWA 独立显示不工作

来自分类Dev

汉堡图标在我的主页上不可见

来自分类Dev

数组列表上的不兼容类型错误,无法分配

来自分类Dev

ArgumentError(传递给 #or 的关系必须在结构上兼容。不兼容的值:[:select])

来自分类Dev

如何清除 Mac chrome 上的 PWA 缓存副本?

Related 相关文章

  1. 1

    主页图标向上指示器兼容操作栏

  2. 2

    表中的图标与mergeDuplicates =“ true”不兼容

  3. 3

    OSX上不兼容的openCV和libtiff库

  4. 4

    Linux上的Python Pickle文件与Mac不兼容?

  5. 5

    Google Playstore中的PWA应用未在设备主屏幕上显示图标

  6. 6

    设置PWA的窗口标题和图标

  7. 7

    Angular PWA ngsw-config updateMode-什么时候在用户的PWA上更新?

  8. 8

    在形状不兼容的张量上重新调用

  9. 9

    如何使用自签名OpenSSL证书在HTTPS上测试PWA?

  10. 10

    Android 10上的Chrome 85违反了PWA吗?

  11. 11

    VueJS Webpack PWA资产图标manifest.json

  12. 12

    在Linux上重现libc ++ / libstdc ++ ABI不兼容

  13. 13

    jQuery脚本翻转在iDevices上不兼容

  14. 14

    菜单,Bootstrap导航栏上搜索栏下方...不兼容

  15. 15

    笔记5中Play商店上的不兼容应用

  16. 16

    Linux上的Python Pickle文件与Mac不兼容?

  17. 17

    广告拦截器是否可以在PWA上使用?

  18. 18

    C:哈希表上的指针类型不兼容

  19. 19

    形状(1,)和()在cond运算符上不兼容

  20. 20

    素材图标未显示在托管网页上

  21. 21

    我的应用与 Google Playstore 上的所有设备不兼容

  22. 22

    SharePoint 2016 PWA 网站不工作

  23. 23

    在 PWA 推送通知上添加服务器参数

  24. 24

    Html 弹出窗口将 PWA 图标添加到电话

  25. 25

    PWA 独立显示不工作

  26. 26

    汉堡图标在我的主页上不可见

  27. 27

    数组列表上的不兼容类型错误,无法分配

  28. 28

    ArgumentError(传递给 #or 的关系必须在结构上兼容。不兼容的值:[:select])

  29. 29

    如何清除 Mac chrome 上的 PWA 缓存副本?

热门标签

归档