本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,第1.9节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.9 定义一个内容策略
HTML5移动Web开发实战
适用浏览器:所有
通过分析工具搜集到的数据,你可以定义一个内容策略,这对已经有了一个桌面网站的人是非常有用的。
1.9.1 准备
确认你已经把分析工具的Javascript代码嵌入到网站中。
1.9.2 实践
1.进入分析工具,在左边导航栏中点击受众群体 | 移动设备,如图1-11所示。
2.现在点击设备,你可以看到人们使用什么设备浏览你的网站,如图1-12所示。
1.9.3 回顾
Google Analytics可以分析浏览你的网站最常用的移动设备,也可以分析你的网站最受欢迎的部分。
1.9.4 延伸
人们使用移动设备上网的目的与使用桌面设备上网是不同的,例如:对于一个产品销售网站,大部分用户使用移动设备常常查看联系方式、地址和服务,而使用电脑的用户常常搜索产品目录、公司简介和产品描述。Google Analytics可以分析哪个部分或页面是访问量最大的,除了Google Analytics,你也可以使用我们早前发现的PercentMobile,如图1-13所示。
浏览器分级
使用分析工具是决定支持哪些浏览器的方法之一,另一种是依据浏览器分级。jQuery Mobile有一个很好的浏览器支持表:http://jquerymobile.com/gbs/
,同时还有一个jQuery Mobile的ppt讨论了所有移动网站开发策略:http://www.slideshare.net/jeresig/testing-mobile-javascript
。
移动设备信息
我与Jonathan Neal和其他很多人合作总结了一个移动设备中前端相关的信息表:
https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Matrices
它包含了当前市面上大部分的智能手机,以及他们的屏幕尺寸、DPI(Dots Per Inch,点每英寸)和操作系统。