app h5 判断ios还是android

可以通过以下代码判断用户使用的是 iOS 还是 Android：

var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // 判断是否是 android 终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // 判断是否是 iOS 终端

其中，`navigator.userAgent` 是获取浏览器的 user-agent 字符串，`isAndroid` 和 `isiOS` 分别用来存储是否是 Android 和 iOS 终端。具体判断逻辑是，如果 user-agent 字符串中包含了 "Android" 或者 "Adr"，则说明是 Android 终端；如果 user-agent 字符串中包含 "(i"，并且后面紧随着 "CPU" 和 "Mac OS X"，则说明是 iOS 终端。

相关问题

vue(h5)与app(android,ios)端交互

在Vue (H5) 与 App (Android, iOS) 端交互方面，可以通过以下几种方式实现：

1. 使用跨平台开发框架：可以选择使用Vue或其他跨平台开发框架如Flutter或React Native，在同一套代码基础上同时开发H5和App端，从而实现统一的交互体验。

2. 使用Webview：在App端内嵌入Vue (H5) 页面，通过Webview进行加载和显示，然后通过JavaScript的方式进行双向交互，比如使用postMessage()方法或拦截URL Scheme等方式进行通信。

3. 使用原生模块：在App端集成Vue的原生模块或WebView的JavaScript桥接，通过调用原生接口实现App端与H5的交互，比如调用摄像头、定位、推送等原生功能，并将结果传递给Vue页面进行处理。

4. 使用通信框架：在App端与H5页面之间建立统一的通信框架，如使用WebSocket、Socket.IO或MQTT等实现双向通信，通过发送和接收消息来实现交互功能。

总之，通过以上方式可以实现Vue (H5) 与App (Android, iOS)端的交互，从而为用户提供更加丰富和便捷的应用体验。

h5页面唤起app如果没安装就跳转下载(ios和android)

H5页面唤起APP的方式可以通过判断手机设备类型来实现，当用户点击唤起APP的按钮时，先检测用户手机是iOS还是Android设备，然后进行相应的操作。

对于iOS设备，可以利用Universal Links技术进行唤起操作。在H5页面中，通过 JavaScript 判断是否能够打开 APP 的链接，如果可以，则直接跳转至 APP 的下载页面；如果不能打开，则跳转至 APP 在 App Store 的下载页面。

对于Android设备，可以使用Scheme URL和Intent URI的方式进行唤起操作。在H5页面中，通过 JavaScript 判断是否能够打开特定的Scheme URL或Intent URI，如果可以打开，则直接跳转至 APP 的下载页面；如果不能打开，则跳转至 APP 在应用商店的下载页面。

若用户手机上未安装需要唤起的APP，以上方式在唤起时会无法打开，并且会触发失败回调。在失败回调中，我们可以进行判断，如果是iOS设备，则跳转至 APP 在 App Store 的下载页面；如果是Android设备，则跳转至 APP 在应用商店的下载页面。

总结，通过检测用户手机设备类型，结合相应设备的唤起方式和下载页面，可以实现在H5页面唤起APP，若APP未安装则跳转至下载页面的功能。