一 概述 iOS中H5判断手机是否装了App
在iOS开发中，我们经常会遇到这样的需求：在H5页面中判断用户的手机是否已经安装了某个App。这样的需求在营销推广、APP推广等场景下非常常见。本文将介绍如何在iOS中通过H5页面判断手机是否装了App，并给出相应的代码示例。
二 通过Universal Link判断
Universal Link是iOS 9引入的一项新功能，它可以让App和网页之间进行无缝的跳转。我们可以通过判断Universal Link是否生效来判断手机是否装了App。
首先，我们需要在App中配置Universal Link。打开Xcode，选择你的target，点击Capabilities，开启Associated Domains，并添加你的域名。然后，在你的服务器上创建一个包含以下内容的apple-app-site-association文件：
{"applinks": {"apps": [],"details": [{"appID": "YOUR_TEAM_ID.com.yourdomain.yourapp","paths": ["/"]}]}
}接下来，在H5页面中，我们可以通过JavaScript调用document.addEventListener方法监听Universal Link是否被激活：
<script>
document.addEventListener('DOMContentLoaded', function() {if (document.webkitHidden) {// Universal Link未生效，说明手机没有装Appconsole.log('App not installed');} else {// Universal Link生效，说明手机已经装了Appconsole.log('App installed');}
});
</script>三 通过Scheme URL判断
除了Universal Link，我们还可以通过Scheme URL来判断手机是否装了App。Scheme URL是一种特殊的URL，每个App都可以注册一个自己的Scheme URL。我们可以通过尝试打开一个Scheme URL，然后判断是否成功来判断手机是否装了App。
在H5页面中，我们可以通过JavaScript创建一个隐藏的iframe，并设置其src为一个Scheme URL：
<script>
document.addEventListener('DOMContentLoaded', function() {var iframe = document.createElement('iframe');iframe.src = 'myapp://';iframe.style.display = 'none';document.body.appendChild(iframe);setTimeout(function() {if (document.webkitHidden) {// 打开Scheme URL失败，说明手机没有装Appconsole.log('App not installed');} else {// 打开Scheme URL成功，说明手机已经装了Appconsole.log('App installed');}}, 1000);
});
</script>四 通过User Agent判断
最后，我们还可以通过User Agent来判断手机是否装了App。User Agent是一个HTTP请求头的字段，它用来标识客户端的类型、版本等信息。我们可以通过检查User Agent中是否包含App的标识来判断手机是否装了App。
在H5页面中，我们可以通过JavaScript获取User Agent，并判断是否包含App的标识：
<script>
document.addEventListener('DOMContentLoaded', function() {var userAgent = navigator.userAgent.toLowerCase();if (userAgent.match(/(iphone|ipad|ipod)/) && userAgent.indexOf('yourapp') !== -1) {// User Agent中包含App的标识，说明手机已经装了Appconsole.log('App installed');} else {// User Agent中不包含App的标识，说明手机没有装Appconsole.log('App not installed');}
});
</script>五 总结
通过Universal Link、Scheme URL和User Agent，我们可以在iOS的H5页面中判断手机是否装了App。这些方法各有优缺点，开发者可以根据自己的需求选择合适的方法。希望本文对大家理解iOS中H5判断手机是否装了App有所帮助。
表格示例：
| 方法 | 优点 | 缺点 |
| Universal Link | 无需安装额外插件和配置 | 需要在App中配置Universal Link |
| Scheme URL | 简单易用 | 需要知道App的Scheme URL |
| User Agent | 无需安装额外插件和配置 | User Agent可以被伪造 |
