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=http://www.mamicode.com/‘apple-touch-icon-114*114-precomposed.png‘>

     ipad使用72*72的图标

　　未使用Retina屏幕的的IPhone和Android 2.1以上版本的设备，使用57*57的图标

　  对于诺基亚塞班的设备，一个快捷键图标只是用来告诉移动设备这个图标的位置。

　　<link rel=‘shortcut icon‘ href=http://www.mamicode.com/‘img/1/apple-touch-icon.png‘>

【html5移动web开发】关于移动端开发