WebApp code tips for front-end development of mobile platforms

1. First, let's take a look at some of the private meta tags in the WebKit kernel, which play a very important role in developing webapp.

1. <meta content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name= "viewport"/>
2. <meta content= "yes" name= "apple-mobile-web-app-capable"/>
3. <meta content= "Black" name= "Apple-mobile-web-app-status-bar-style"/>
4. <meta content= "Telephone=no" name= "Format-detection"/>

The first meta tag indicates that the width of the document is forced to remain 1:1 with the width of the device, and the maximum width of the document is 1.0, and the user is not allowed to click on the screen to enlarge;
The second meta tag is the safari private meta tag in the iphone device, which says: Allow full-screen mode browsing;
The third meta tag is also the iphone's private label, which specifies the style of the iphone's status bar on the top of safari;
The fourth meta tag means: Tell the device to ignore numbers on the page as phone numbers

Article excerpt from http://blog.sina.com.cn/s/blog_655388ed01016vpi.html