【html5移动web开发】关于移动端开发
1.Google Analytics分析工具的使用：注册后页面中加入Google Analytics的代码，可以分析出有哪些设备在访问网站或者哪些页面访问量比较大、
2.Modernizr 可以检测浏览器对html5元素的支持性。可以判断是否支持localstorage等等
3.html5元素在旧版本的IE浏览器下显示为块级元素 article,aside,nav,section{ display:block;}
4.PC端采用固定布局与流体布局，而在移动网站中我们始终使用流体布局，它可以使你的网站适应不同的设备尺寸。
比如：竖屏下显示一列，横屏下显示2列（合理利用每个像素）
5.清除html5元素的默认样式
article,aside,section……{ margin:0; padding:0;border:0;font-size:100%;font:inherit; vertical-align:baseline;}
6.页面重置字体大小：-webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;如果在Pc桌面访问，或者通过其他的非移动设备的浏览器访问，会导致页面的缩放功能会被禁用。
IPhone: html{-webkit-text-size-adjust:100%;}
微软 html{-ms-text-size-adjust:100%;}
7.媒介查询（media query）
@media screen and (min-width:320px){ }
8.同一个局域网下，可以使用XAMPP配置移动开发环境（本地网站服务），确认电脑和移动设备是在同一无线网络中。通过IP地址即可以访问
9.如果你的主要用户使用iphone和移动版safari,在桌面电脑上测试可以节约很多时间。打开safari,偏好设置---高级栏---开发---用户代理---Mobile safari 3.1.3-IPhone
10.通过界面图标启动web应用
Retina屏幕采用114*114的图标
<link rel=‘apple-touch-icon-precomposed‘ sizes=‘114*114‘ href=‘apple-touch-icon-114*114-precomposed.png‘>
ipad使用72*72的图标
未使用Retina屏幕的的IPhone和Android 2.1以上版本的设备，使用57*57的图标
对于诺基亚塞班的设备，一个快捷键图标只是用来告诉移动设备这个图标的位置。
<link rel=‘shortcut icon‘ href=‘img/1/apple-touch-icon.png‘>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
