Question

我有4个支持webapp的网络应用程序，每个应用程序在同一个域中具有不同的URL。当我在iOS 7 iPad上为所有4设置主屏幕图标时，图标开始交换并在我设置时彼此混淆。为了更清楚，这是第1页的代码。

<html>
    <head>
        <title>Test 1</title>
        <meta charset="UTF-8">
        <link rel="apple-touch-icon" sizes="72x72" href="/images/iconPurple72.png" />
        <!-- iPad - landscape (748x1024) -->
        <link rel="apple-touch-startup-image" href="images/ipadLandscape7.png"  media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
        <!-- iPad - portrait (768x1004) -->
        <link rel="apple-touch-startup-image" href="images/ipadPortrait7.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />
        <!-- iPhone - (320x460) -->
        <link rel="apple-touch-startup-image" href="/images/startup7.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)" />
        <!-- enable full-screen mode  -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- controls the appearance of the status bar in full-screen mode  -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name = "viewport" content = "width = device-width,initial-scale = 1.0, user-scalable = yes"/>
    </head>
    <body>
        <div><h1>this is test 1</h2></div>
    </body>
</html>

..第2,3和4页完全相同，除了这一行：

 <link rel="apple-touch-icon" sizes="72x72" href="/images/iconPurple72.png" />

...每个页面指向同一目录中的不同图像

行为不一致，但可以在设备和模拟器上看到。重新启动ipad后，图标会正常显示，因为它们最初设置。有时，在重新启动之前，点击设置另一个页面后更改的图标可能会导致iPad锁定。

有什么想法吗？

Answer 1

您是否链接到每个应用中的其他应用？如果您加载的页面具有不同的apple-touch-icon，它将替换主屏幕上的Web应用程序图标。（这就是Sun等网络应用更新图标的方式。）

但听起来你正在经历的是iOS 7中的一个错误，当你有3个或4个或更多的网络应用程序时会导致奇怪的事情发生。图标可以交换，点击一个可以打开另一个，等等。重新启动你的iOS设备通常会解决这个问题，虽然这显然是一个错误。

iOS 7在网络应用方面似乎真的很麻烦。例如，您可能已经注意到，浏览器对话框（例如警报，确认，HTTP身份验证等）不起作用，外部链接也不起作用（无论是在Safari中打开的链接还是带有{的电话号码{1}}协议）。发射图像最初被拉伸并以非常不稳定的方式缩放。 Web应用程序的多任务预览显示空白屏幕。奇怪的是，苹果公司会公开发布一些这样的东西。

当多页设置时，iOS 7 iPad webapp图标会发生变化

1 个答案: