有人可以告诉我这些通知是如何工作的吗？我正在搜索一些关于它的信息，但没有运气。不知道我说的对不对。 在某些页面上有这个弹出窗口来下载网站的移动应用程序。它包含 X 关闭按钮和下载应用程序按钮。对于 iOS 设备，它看起来总是一样的，所以我认为它不是定制的。它是否来自应用商店？
【问题讨论】：
这是我设计的用于检测移动平台的styled dropdown banner。
HTML
<div id="note">
<p>It is recommended that you use landscape mode for a better experience (Turn your phone sideways).</p>
<a id="close">[Dismiss]</a>
Javascript
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
document.getElementById("note").style.visibility = "block";}
close = document.getElementById("close");
close.addEventListener('click', function() {
note = document.getElementById("note");
note.style.display = 'none';
}, false);
CSS
#note {
visibility: hidden;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: white;
position: absolute;
z-index: 101;
top: 0;
left: 0;
right: 0;
background: #000000;
text-align: center;
line-height: 2.5;
overflow: hidden;
-webkit-box-shadow: 0 0 5px black;
-moz-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}
@-webkit-keyframes slideDown {
0%, 100% { -webkit-transform: translateY(-50px); }
10%, 90% { -webkit-transform: translateY(0px); }}
@-moz-keyframes slideDown {
0%, 100% { -moz-transform: translateY(-50px); }
10%, 90% { -moz-transform: translateY(0px); }}
.cssanimations.csstransforms #note {
-webkit-transform: translateY(-50px);
-webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
-moz-transform: translateY(-50px);
-moz-animation: slideDown 2.5s 1.0s 1 ease forwards;}
.cssanimations.csstransforms #close {
display: none;}
【讨论】：
这称为“智能应用横幅”，可以使用额外的元标记轻松添加到您的网站：
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
您可以在内容属性中包含三个逗号分隔的参数：
app-id 必需
您应用的唯一标识符。要从 iTunes Link Maker 中查找您的应用 ID，请在“搜索”字段中输入您的应用名称，然后选择相应的国家和媒体类型。在结果中，找到您的应用并在右侧列中选择 iPhone App Link。您的应用 ID 是 id 和 ?mt 之间的九位数字。
附属数据 可选
如果您是 iTunes 会员，您的 iTunes 会员字符串。如果您不是，请通过http://www.apple.com/itunes/affiliates/ 了解有关成为 iTunes 会员的更多信息。
应用程序参数 可选
为您的原生应用提供上下文的 URL。如果您包含此内容，并且用户安装了您的应用程序，她可以从您的网站跳转到您的 iOS 应用程序中的相应位置。通常，保留导航上下文是有益的，因为： 如果用户在您网站的导航层次结构中很深，您可以传递文档的整个 URL，然后在您的应用程序中对其进行解析，以将她重新路由到您应用程序中的正确位置。 如果用户在您的网站上执行搜索，您可以传递查询字符串，以便她可以在您的应用程序中无缝地继续搜索，而无需重新输入她的查询。 如果用户正在创建内容，您可以传递会话 ID 以在您的应用程序中下载 Web 会话状态，这样她就可以非破坏性地恢复她的工作。 您可以使用服务器端脚本动态生成每个页面的 app-argument。只要是有效的 URL，您可以随意格式化它。
注意：您不能在框架内显示智能应用横幅。横幅不会出现在 iOS 模拟器中。
【讨论】：