Shulou(Shulou.com)06/01 Report--

This article mainly explains the "how to judge an APP page is a native or H5 page", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "how to judge an APP page is a native or H5 page"!

First, look at the disconnection of the network.

Disconnect the phone from the Internet. Then click on the page. Then what can be displayed normally is written in the original.

It is the html page that displays the 404 or error page.

Second, look at the layout boundary

You can open the display layout boundary in the developer options. In the case of a large number of page elements, the layout is a whole piece of h6, and the layout is full of native controls. The layout of the page is native, otherwise it is an H6 page. (for Android phones only) as shown below:

Third, look at the tips for copying articles

This requires you to compare the results, for example, the article information page can be long press the page to try, if the text selection, paste function is the H5 page, otherwise it is the original native page.

Some native APP have copy and paste enabled or turned off. The css of H5 shields the replication selection function and so on. You need to compare the target test APP.

This can be judged in Alipay APP and Ant Jubao.

4. Look at the way of loading

If there is a loaded line under the navigation bar of the open new page, this page is the H5 page, if not, it is native. There is usually a green loading line in Wechat to open our H5 page. It is shown in the red box of the following figure:

5. See if the navigation bar at the top of app will be closed.

If there is a close button or a close icon in the navigation bar at the top of the APP, then the current page is sure that H5 will not appear native (unless deliberately done by the designer).

Meituan's, Dianping's APp, Wechat APP when loading too much H6, the upper left corner will appear to close 2 words.

6. Judge when the page is pulled down and refreshed (as long as it has the function of drop-down and refresh)

If the interface has no obvious refresh phenomenon is native, if there is a significant refresh phenomenon (such as a flash) is the H5 page (ios and android).

Such as the crowdfunding page of Taobao.

When the drop-down page shows that the provider of the URL must be H5

As shown in the following figure:

The above 7 points are also relatively easy to judge whether an APP page is native or H5 page.

Thank you for your reading, the above is the content of "how to judge whether an APP page is native or H5 page". After the study of this article, I believe you have a deeper understanding of how to judge whether an APP page is native or H5 page, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.