iPhone 5/iOS 6前端開發

檢測iPhone 5/iOS 6

 

檢測iOS 6很簡單，用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

但是刷了iOS 6的所有iPhone的ua都是這個，那麼判斷是否是iPhone 5就要用js或者media query的方法了：

js：

isPhone4inches = (window.screen.height==568);

CSS：

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {/* iPhone 5 or iPod Touch 5th generation */}

HTML5支援：file api:

input type="file"><!--單檔案--><input type="file" multiple> <!--多檔案—>

只能上傳圖片和視頻，不允許上傳其他格式

*遠端偵錯
新的遠端偵錯工具可以更方便的在PC/Mac上對iOS上Safari中的頁面進行調試，介面類似Android上的Chrome瀏覽器。