How to determine whether h5 is uniapp

UniApp is a cross-platform development framework developed based on Vue.js. It can support application development on multiple terminals at the same time, including iOS, Android, H5 and applets. In the development of UniApp, it is sometimes necessary to determine the running environment of the current application, especially in H5, it is necessary to determine whether it is the UniApp running environment. This article will introduce how to determine whether it is a UniApp running environment in H5.

1. Determine whether to use UniApp’s JSAPI

UniApp provides some JSAPI (JavaScript Application Programming Interface) for cross-platform function implementation. These JSAPI have no practical effect in H5 and can only be used in other platforms of UniApp. Therefore, you can determine whether the current UniApp operating environment is by judging the availability of some JSAPI.

For example, we can use the following code to determine whether the current UniApp running environment is:

if (typeof uni === 'undefined') {
  console.log('不是UniApp运行环境');
} else {
  console.log('是UniApp运行环境');
}

In the above code, we determine whether the global variable uni exists. Determine whether it is a UniApp running environment. If uni does not exist, it means that the current environment is not UniApp.

2. Judge whether the current page is a UniApp page

In addition to judging through JSAPI, we can also judge whether the current page is a UniApp page by judging some attributes of the page . If the Vue component of UniApp or UniApp-specific attributes are used in the page, then you can determine that the current page is running in the UniApp environment.

For example, we can use the following code to determine whether the current page is a UniApp running environment:

if (typeof __uniConfig !== 'undefined') {
  console.log('是UniApp页面');
} else {
  console.log('不是UniApp页面');
}

In the above code, we determine whether the global variable __uniConfig exists. __uniConfig is a global configuration object of UniApp. If the Vue component of UniApp or some unique attributes are introduced in the page, then this global object will be defined. Therefore, if __uniConfig exists, then the current page is running in the UniApp environment.

Summary

In the development of UniApp, sometimes it is necessary to determine the running environment of the application, especially in H5, it is necessary to determine whether it is the UniApp running environment. This article introduces two judgment methods: judging whether to use UniApp's JSAPI and judging whether the page is a UniApp page. Through these methods, the running environment of the current application can be easily judged to implement different logical processing.

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