h5和app区分

移动端开发中，虽然 H5 和 APP 都是运行在移动设备上的，但它们的技术实现和环境有所不同，因此可以通过以下方式进行区分：

1. User-Agent 判断

移动端的 H5 页面通常是通过浏览器加载的，可以通过 navigator.userAgent 来判断是否是在浏览器环境运行。例如，H5 页面会有浏览器标识，而在 APP 内嵌的 WebView 中，通常 User-Agent 会包含应用的标识符。

代码示例：

const ua = navigator.userAgent;if (ua.includes('MicroMessenger')) {// 微信环境
} else if (ua.includes('Android') || ua.includes('iPhone')) {// H5 浏览器环境
} else {// 可能是 App 内的 WebView 环境
}

2. 使用 Platform API 区分

在原生 App 中可以调用 uni.getSystemInfoSync() 或者直接使用平台提供的 API 来获取当前运行环境的详细信息，比如设备类型、操作系统、版本等。

const systemInfo = uni.getSystemInfoSync();if (systemInfo.platform === 'ios' || systemInfo.platform === 'android') {// App 环境
} else {// H5 环境
}

3. 检测特定 App 的环境变量或 API

在一些 App 中，WebView 会注入一些特定的全局变量或 API。如果这些变量存在，就可以判断是在 App 环境中。

if (typeof window.AppNativeAPI !== 'undefined') {// 是 App 内嵌 WebView
} else {// H5 浏览器环境
}

4. URL Scheme 或者 Universal Link

部分 App 可能会通过特定的 URL Scheme 或 Universal Link 来访问 H5 页面，通过判断 URL 中是否包含特定的 Scheme 可以进一步确认是在 App 环境中。

5. 使用 uni-app 的内置 API

在 uni-app 中，可以通过 process.env.VUE_APP_PLATFORM 来判断当前的运行平台。如果是 H5，则平台标识为 'h5'，如果是 App，则可能是 'app-plus'。

if (process.env.VUE_APP_PLATFORM === 'h5') {// H5 环境
} else if (process.env.VUE_APP_PLATFORM === 'app-plus') {// App 环境
}