Ios &引用；下载我们的应用程序；关于移动设备的通知

有人能告诉我这些通知是如何工作的吗？我在搜索一些关于它的信息，但没有运气。不知道我说的对不对。 在某些页面上，会出现此弹出窗口以下载站点的移动应用程序。它包含X关闭按钮和下载应用程序按钮。对于iOS设备，它看起来总是一样的，所以我认为它不是定制的。它是否来自应用商店

图片如下：

这被称为“智能应用横幅”，可以使用额外的元标记轻松添加到您的站点：

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

可以在内容属性中包含三个逗号分隔的参数：

应用程序id必填项

你的应用程序的唯一标识符。要从iTunes Link Maker中查找应用程序ID，请在搜索字段中键入应用程序的名称，然后选择相应的国家/地区和媒体类型。在结果中，找到您的应用程序并在右侧列中选择iPhone应用程序链接。您的应用程序ID是介于ID和？mt之间的九位数字

附属机构数据可选

如果您是iTunes附属公司，请输入您的iTunes附属公司字符串。如果您不是，请访问了解更多有关成为iTunes附属公司的信息

应用程序参数可选

为本机应用程序提供上下文的URL。如果您包含此内容，并且用户安装了您的应用程序，则她可以从您的网站跳转到iOS应用程序中的相应位置。通常，保留导航上下文是有益的，因为： 如果用户深入到您网站的导航层次结构中，您可以传递文档的整个URL，然后在应用程序中对其进行解析，将其重新路由到应用程序中的正确位置。 如果用户在您的网站上执行搜索，您可以传递查询字符串，这样她就可以无缝地在您的应用程序中继续搜索，而无需重新键入她的查询。 如果用户正在创建内容，您可以传递会话ID以在应用程序中下载web会话状态，这样她就可以无破坏性地继续工作。 您可以使用服务器端脚本动态生成每个页面的app参数。只要它是一个有效的URL，您就可以按照自己的意愿对其进行格式化

注意：您不能在框架内显示智能应用横幅。横幅不会出现在iOS模拟器中

这是我设计的用于检测移动平台的

HTML

CSS

---

？可能的答案太多，或者好的答案对于这种格式来说太长。请添加详细信息以缩小答案集或隔离一个可以在几个段落中回答的问题。@Neeku我不是用一个链接回答的吗？@PeeHaa，这不是答案，而是一个链接注释。（：是的，这很有帮助，谢谢链接，我找不到关于这些弹出窗口的任何信息。

<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>

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);

#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;}