我有一个我们在公司内部托管和使用的 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 和签名证书将这些站点托管在内部网络服务器上。
谢谢。