提示iPhone用户将在ASP.NET MVC中开发的网页添加到主屏幕



我已经使用ASP.NET MVC设计并开发了Web应用程序,并添加了一些元标记,以使其看起来像iPhone应用程序。现在,如何在我第一次在iPhone上打开该应用时在主屏幕上添加该页面,而不是从iPhone上的选项中手动添加它。

我已将以下元标记添加到我的头标签

<head>
    <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="apple-touch-icon"
          href="~/Images/icon.png" />
          <link rel="mobile-touch-icon"
          href="~/Images/icon.png" />
        <link rel="apple-touch-startup-image"
          href="~/Images/startup.png" />

         <meta name="mobile-web-app-capable" content="yes">
</head>
<body>
     <script>
            if (window.navigator.userAgent.indexOf('iPhone') != -1) {
                if (window.navigator.standalone == true) {
                    initialize();
                }else{
                    document.write('<p>Tap the + button and choose "Add to Home Screen"</p>');
                }
            }
        </script>
</body>

如何提示用户在主屏幕上添加页面?

而不是自己尝试执行此操作,请查看Cupic添加到主屏幕脚本。易于配置,YES在各种i-devices范围内工作。

最新更新