Question

我正在尝试为iOS制作一个非常基本的网络应用程序。 apple-mobile-web-app-capable不允许我的应用程序在独立模式下运行。我已经按照Apple自己的教程进行了设置，并且此时已经在网上浏览解决方案的时间太长了。我已经尝试清除缓存并重新添加应用程序。我也尝试删除元标记并对其进行修改，然后将其重新设置，同时删除书签，这在另一个答案中提到，它对我没有任何作用。

有人有解决方案吗？

<DOCTYPE! html>
<html>
  <head>
    <title>Test App</title>
    <meta name="apple-mobile-web-app-title" content="Test App">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style>
      #testButton {
        -webkit-appearance: none;
        font-size: 500%;
        font-weight: bold;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <script>
      function output(){
        alert("window.navigator.standalone = " +  window.navigator.standalone);
      }
    </script>
    <button id="testButton" onclick="output()">Test</button>
  </body>
</html>

Answer 1

我过去遇到了和你一样的问题。显然，从iOS 9开始，网络应用程序无法按预期工作（我相信）;但是，我发现你可以用标签解决它：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
<meta name="apple-mobile-app-capable" content="yes">

它对我有用，希望它也适合你;）

iOS Web App无法正常运行

1 个答案: