菜鸟教程小白 发表于 2022-12-12 15:31:29

ios - Apple 将图标添加到仅在 Safari 中打开的主屏幕


                                            <p><p>我为我的网站创建了许多 <code>apple-touch-icon</code> 分辨率。这意味着当有人将我的网站添加到他们的 Apple 设备主屏幕时,它会显示该图标。但是,当您单击该图标时,它会在独立窗口中打开,而不是在 Safari 浏览器中。</p>

<p>我尝试过使用 <code>&lt;meta name="apple-mobile-web-app-capable"content="no"></code>,但这似乎没有任何作用。</p>

<p>有没有办法防止这种情况发生并使网页只在 Safari 中打开?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我想我找到了办法。从 <code><head></code> 部分删除这些行:</p>

<pre><code>&lt;meta name=&#34;apple-mobile-web-app-capable&#34; content=&#34;yes&#34;&gt;
&lt;meta name=&#34;apple-mobile-web-app-status-bar-style&#34; content=&#34;black&#34;&gt;
</code></pre>

<p>并从以下位置删除 <code>minimal-ui</code>:</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui&#34;&gt;
</code></pre>

<p>(如果已定义)</p>

<p>这里是来源:<a href="https://discussions.apple.com/thread/5967053?tstart=0" rel="noreferrer noopener nofollow">https://discussions.apple.com/thread/5967053?tstart=0</a> </p>

<p>如果你的应用没有那个 <code>&lt;meta&gt;</code> 标签,它应该直接在 Safari 中打开(至少我的有)。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - Apple 将图标添加到仅在 Safari 中打开的主屏幕,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/30891066/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/30891066/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - Apple 将图标添加到仅在 Safari 中打开的主屏幕