网络中与网络外的苹果触摸图标图标

问题描述

我有一个 Web 应用程序,我们在公司内部托管和使用该应用程序。我们有两个环境。测试环境不面向公众。生产环境是。我有以下内容来处理各种设备上的网站图标。

    <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon_72.png" />
    <!---iPad and iPad mini @1x--->
    <link rel="apple-touch-icon" sizes="76x76" href="/favicon_76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/favicon_114.png" />
    <!---iPhone 4,iPhone 4s,iPhone 5,iPhone 5c,iPhone 5s,iPhone 6,iPhone 6s,iPhone 7,iPhone 7s,iPhone8--->
    <link rel="apple-touch-icon" sizes="120x120" href="/favicon_120.png" />
    <link rel="apple-touch-icon" sizes="128x128" href="/favicon_128.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/favicon_144.png" />
    <!--- iPad and iPad mini @2x --->
    <link rel="apple-touch-icon" sizes="152x152" href="/favicon_152.png" />
    <!--- iPad Pro --->
    <link rel="apple-touch-icon" sizes="167x167" href="/favicon_167.png" />
    <!--- iPhone X,iPhone 8 Plus,iPhone 7 Plus,iPhone 6s Plus,iPhone 6 Plus --->
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.png" />
    <!--- Android Devices High Resolution --->
    <link rel="icon" sizes="192x192" href="/favicon_192.png" />
    <!--- Android Devices normal Resolution --->
    <link rel="icon" sizes="128x128" href="/favicon_128.png" />

在 iPhone 上,我们尝试在 Safari 中导航到该站点,单击共享按钮,然后选择“添加到主屏幕”。我们希望 favicon 复制到 iPhone 的主屏幕。当我在我们的网络中建立 VPN 连接时,这在两种环境中都可以正常工作。一旦 VPN 连接断开,它就无法在我们的生产环境中工作。

有人对我应该尝试什么有建议吗?我们通过 iis 和签名证书在内部网络服务器上托管这些网站。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)