iOS 6 智能应用横幅截断

Posted

技术标签:

【中文标题】iOS 6 智能应用横幅截断【英文标题】:iOS 6 Smart App Banner Cut Off 【发布时间】:2014-02-27 17:02:47 【问题描述】:

我正在尝试为通过移动浏览器查看的用户添加智能应用横幅。我一直在查看一些使用 javascript/CSS 与 Safari 以外的其他浏览器配合使用的示例。

但是,仅处理 Safari 和 ios 6,当我为智能应用横幅添加元标记时,它会显示但在页面顶部的一半处被截断。

这是我正在谈论的屏幕截图: http://i6.photobucket.com/albums/y201/WNxFiveStarKiller/ScreenShot2014-02-27at115725AM.png

我尝试添加滚动到页面顶部的 Javascript,如下所示:

<script type="text/javascript">
    $(document).ready(function () 
        window.scrollTo(0,0);
    );
</script>

但这并不能解决问题,似乎它认为页面顶部是它最初加载的位置。

任何想法如何解决这个问题?谢谢!

【问题讨论】:

【参考方案1】:

这个放置在 html 页面头部标签中的元标签应该可以工作:

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

我通常不会手动上下滑动页面,因为智能应用横幅通常会在页面加载完成后向下滑动整个页面。

【讨论】:

这是我正在使用的元标记,没有添加 Javascript 或 CSS,它仍然显示截断,就像我链接到的屏幕截图一样。 好吧,我曾经遇到过类似的问题,我试图显示的应用程序仅在美国 App Store 上可用,但我是从英国并通过英国应用程序商店帐户加载页面。您的应用程序在您开发网站的国家/地区可用吗?如果是这样,请尝试使用 *** 和/或尝试在更多国家/地区(包括您自己的国家/地区)提供该应用。

以上是关于iOS 6 智能应用横幅截断的主要内容,如果未能解决你的问题,请参考以下文章

iOS 9 智能应用横幅不再回来

如何在我们的网站中使用 ios 的智能应用横幅

iOS 智能应用横幅 - 在 iPad 上显示,而不是在 iPhone 上

iOS 的智能横幅不仅适用于我的应用程序 ID

是否可以在 iOS 智能横幅中使用 LinkShare 签名?

智能应用横幅;适用于 Android/Google Play 的 Windows 应用商店应用 HTML 元标记?