Front-end development for iPhone 5/iOS 6

Detect iPhone 5/iOS 6

 

It's easy to detect iOS 6. Use UA:

Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) applewebkit/536.26 (khtml, like gecko) version/6.0 mobile/10a403 Safari/8536.25

However, if the UA of all iPhone iOS 6 is used for this purpose, JavaScript or media query is required to determine if the UA is iPhone 5:

JS:

Isphone 4inches = (window. Screen. Height = 568 );

CSS:

@ Media (device-Height: 568px) and (-WebKit-Min-device-pixel-ratio: 2) {/* iPhone 5 or iPod Touch 5th generation */}

HTML5 support: file API:

Input type = "file"> <! -- Single file --> <input type = "file" multiple> <! -- Multi-file->

Only images and videos can be uploaded. Other formats cannot be uploaded.

*Remote debugging
The new remote debugging tool allows you to debug safari pages on iOS on PC/MAC more conveniently. The interface is similar to Chrome browser on Android.