javascript - 如何在使用 <meta name ="apple-itunes-app"在页面顶部放置应用广告时隐藏 iPhone 上的网址栏？

Question

我有一个移动网页，我想使用 Apple 的元标记在页面顶部放置 iOS 应用程序的广告，如下所示:

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

所以我将该行添加到我的 HTML 中。然后我在 iPhone 上打开网页，广告就在那里，但它位于页面顶部上方。

页面使用window.scrollTo(0,1)在 iPhone 上隐藏 url 栏，但看起来该添加位于 -50px，所以我可以尝试 window.scrollTo(-50,1)但有时有广告，有时没有。如果您点击广告上的 (X)，它会记住在您清除缓存之前不再显示该广告。

有办法知道广告是否正在展示吗？或者我只是无法隐藏此类广告的网址栏？

谢谢!

Answer 1

尝试在 HTML 文档的头部添加以下 Apple 特定的元标记。

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

有了上面的meta标签，我想你仍然不需要调用window.scrollTo(0,1)来隐藏URL栏

请参阅此文档 Apple-Specific Meta Tag Keys了解详情。