禁用原生 iOS 智能横幅答案

【问题标题】：Disable native iOS smart banner禁用原生 iOS 智能横幅
【发布时间】：2017-02-19 19:09:04
【问题描述】：

我正在使用智能横幅 jQuery 插件来根据用户在 android 和 iOS 中的 web 部分显示不同的应用程序。

问题在于 Safari 从以下行加载原生横幅：

<meta name="apple-itunes-app" content="app-id=xxxxxxxxxx">

所以我在 Safari 中显示 2 个横幅。

如何禁用原生 Safari 横幅或使用 CSS 隐藏它？我尝试删除那行代码，但没有显示两个横幅。

谢谢！

【问题讨论】：

【解决方案1】：

要隐藏某些组件，如果您有第二个元素的 id，您可以简单地使用 display:none

【讨论】：

当然，我有第二个智能横幅的 id（我使用 jquery 插件手动创建的那个），但我不知道哪个 id 正在使用本机智能横幅。我想隐藏原生横幅（我无法访问它来检查元素，因为它只显示在我的 iPhone 中）

【解决方案2】：

这是一个相当普遍的问题。

作为替代方案，您可以使用smartbanner.js，它可以在没有任何外部依赖的情况下完成相同的工作，例如Apple 的原生元标记或 jQuery。

【讨论】：