How can I determine whether an APP page is an H5 page? -

Source: Internet
Author: User
How can I determine whether an APP page is an H5 page? What are the other pages of the mobile APP besides the H5 page? Is there a line between the upper and lower sides of the horizontal box, There is a cross number or back up are H5 pages? How can I determine whether an APP page is an H5 page? What are the other pages of the mobile APP besides the H5 page?

Is there a line between the upper and lower sides of the horizontal box, There is a cross number or back up are H5 pages? Reply content: the mobile phone developer option enables the display layout boundary. The layout of the page is native. Otherwise, it is found elsewhere on the h5 page. Answer: Long-Press the page, if the H5 page is used for Text Selection and pasting, or the native page is used, I can make a judgment after interviewing in our own App. However, if an H5 page is an image, it cannot be verified using this method. In one case, let's take a look at [future application] their case. Can you find that loading is the way to go through the progress bar below the title bar? You are welcome to continue adding it downstairs. Currently, iOS does not know the required conditions and can be determined as "H5 」.
I have answered the answer from the Android upstairs. Just enable the page layout.

Supplement the following conditions for a full platform:
The captured url or html code must be "H5 」;
If you press a button on the top of the page to copy, paste, and save the image as a Web browser, the page is sufficient and not necessary. Some pages are not H5, for example, the menu bar uses native, And the rest uses H5.

The [activity Box] tells you how to distinguish an app page from an H5 page:

1. Compared with h5 pages, apps have fewer page jumps. When the network environment is the same, h5 page rendering needs to retrieve the server, but the app is locally rendered, so h5 page Jump is more laborious and unstable. Therefore, if you want to reduce the number of jumps on an h5 page, interactive skills are generally used to hide text.

2. The display space on the h5 page is smaller than that of the app, and the memory burden on the user is greater than that on the app. The human brain has short-term memory, but such memory is unstable. If users need to temporarily remember more information while scrolling through the screen, their performance will be worse. Now, only a few people have the patience to read the long content. The h5 page has more screen space occupied by browser navigation than the app.

3. The advantage of h5 compared with the app is that h5 pages can be freely shared, and iteration is very convenient. Different systems only need to be adapted once. However, each iteration of an app requires iteration based on different systems.

4. The h5 page is different from the app navigation design. The h5 page disappears the original bottom navigation, and the effective navigation is challenged. In the design, consider navigation design, top bottom or left right, but also consider how to quickly jump back to important pages, navigation Shortcut Keys: such as top fixed position, floating circle or non-first screen when the right side of the page is suspended. App navigation is more convenient.

In short, the h5 page can basically achieve all the effects of the app, but it is limited to the open method of the browser, and the app can be opened directly for convenience.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.