来说说HTML5应用

I entered the * * internet insurance industry * * after leaving my previous home to work on * * social products * *.

In order to reduce development costs and for more agile iterations, more and more Internet companies are using:

• • HTML5 to package your app or use HTML5 directly from your Official Account * *.

And I'm also fortunate to start designing HTML5 products in the company now,

Here are some of the * * lessons I've learned from this project * *:

• • 1. • • Please customize the * * sheet control * * and * * picker control separately. * * Never use the * * option * * tag in HTML.

The following image is an example I gave:

• • Rationale 1: There is no "cancel button" * * for the picker in the iPhone via HTML5, which means that you can only click Done to close it after activation, and the options may change after clicking Done.You might say activate the option and remember the last option you selected, sorry HTML5 can't do that.
• • Reason 2: Popup controls can't add control hint copy, very unfriendly. * *
• • Reason 3: Different versions of the Android system, the control style will be strange, can not bear to look directly. * *

2. • • You need to consider which pages can be cached directly * *. After all, you don't want to always open a page and refresh it once, right? For example, functionsSex pages and detail pages are infrequent, so you don't have to refresh every time you open them.
3. For the phone number displayed on the HTML5 page, the iPhone can directly recognize and make calls, but the * * Android browser is not able to recognize the phone number * *, which requires technology to find a solution.
4. • • HTML5 pop-up window copy for obtaining geolocation information can only be provided by the system * *, which means that the pop-up window for obtaining GPS location information will be less friendly, and the user may click to cancel it without understanding it.
5. Although it is cross-platform, * * Android mobile phone configuration is not the same, and browser kernel compatibility is not the same, so adaptation is still a constant topic. * *
6. In HTML5, * * Apple's system comes with gestures * *, and it is impossible to slide the boundary back to the previous page.
7. With the Android phone's return key control, it needs to be noted that Android users are accustomed to using the phone's * * self-contained return key to cancel and close the pop-up window * *, but in HTML5, clicking the phone's self-contained return key defaults to returning to the previous page, so this needs to be noted.
8. For keyboards, customization cannot be customized. Only a few types of keyboards in input can be selected.* * When designing an ID pop-up keyboard, be sure not to use a numeric-only keyboard, as some people may end up with an X. * *

These are some of my summaries of the HTML5 project, welcome to take a brick exchange.