Home >Web Front-end >uni-app >How to determine the platform in uniapp

How to determine the platform in uniapp

WBOY
WBOYOriginal
2023-05-22 12:49:374560browse

In uniapp, you can use some methods to determine the currently running platform, such as Web, WeChat applet, Alipay applet, Baidu applet, Toutiao applet, QQ applet, etc. By judging from different platforms, we can develop different functions in a targeted manner to improve the user experience of the application. This article will introduce how to determine the platform in uniapp.

1. Obtain platform information through the uni.getSystemInfoSync() method

Uniapp provides the uni.getSystemInfoSync() method to obtain the system information of the current device. By judging the platform field, you can know the currently running platform.

Sample code:

if (uni.getSystemInfoSync().platform === 'devtools') {
    console.log('当前运行在开发者工具中');
}
if (uni.getSystemInfoSync().platform === 'android') {
    console.log('当前运行在Android平台中');
}
if (uni.getSystemInfoSync().platform === 'ios') {
    console.log('当前运行在iOS平台中');
}
if (uni.getSystemInfoSync().platform === 'h5') {
    console.log('当前运行在Web中');
}

2. Determine platform information through the uni.getEnv() method

For uniapp1.9.0 and above, you can use uni. getEnv()Get the current running environment information. By judging the PLATFORM field in the return value, you can know the currently running platform. Return values ​​include: mp-weixin (WeChat applet), mp-alipay (Alipay applet), mp-baidu (Baidu applet), mp-toutiao (Toutiao Mini Program), mp-qq (QQ Mini Program), h5 (Web), app-plus ( App) etc.

Sample code:

const platform = uni.getEnv().PLATFORM;
if (platform === 'mp-weixin') {
    console.log('当前运行在微信小程序中');
}
if (platform === 'mp-alipay') {
    console.log('当前运行在支付宝小程序中');
}
if (platform === 'mp-baidu') {
    console.log('当前运行在百度小程序中');
}
if (platform === 'mp-toutiao') {
    console.log('当前运行在头条小程序中');
}
if (platform === 'mp-qq') {
    console.log('当前运行在QQ小程序中');
}
if (platform === 'h5') {
    console.log('当前运行在Web中');
}
if (platform === 'app-plus') {
    console.log('当前运行在App中');
}

3. Determine the platform information through the global variable __PLATFORM__

In uniapp, it will be in uni.__GLOBAL__ Define a __PLATFORM__ variable in the object, and you can directly obtain the current platform information through this variable. This method is relatively simple, but it should be noted that this variable may be deleted or changed in subsequent version updates.

Sample code:

const platform = __PLATFORM__;
if (platform === 'mp-weixin') {
    console.log('当前运行在微信小程序中');
}
if (platform === 'mp-alipay') {
    console.log('当前运行在支付宝小程序中');
}
if (platform === 'mp-baidu') {
    console.log('当前运行在百度小程序中');
}
if (platform === 'mp-toutiao') {
    console.log('当前运行在头条小程序中');
}
if (platform === 'mp-qq') {
    console.log('当前运行在QQ小程序中');
}
if (platform === 'h5') {
    console.log('当前运行在Web中');
}
if (platform === 'app-plus') {
    console.log('当前运行在App中');
}

In summary, the currently running platform information can be obtained through the above three methods, making application development more efficient and accurate.

The above is the detailed content of How to determine the platform in uniapp. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn