天天看点

《HTML5移动Web开发实战》—— 1.9 定义一个内容策略

本节书摘来异步社区《html5移动web开发实战》一书中的第1章,第1.9节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。

html5移动web开发实战

适用浏览器:所有

通过分析工具搜集到的数据,你可以定义一个内容策略,这对已经有了一个桌面网站的人是非常有用的。

确认你已经把分析工具的javascript代码嵌入到网站中。

1.进入分析工具,在左边导航栏中点击受众群体 | 移动设备,如图1-11所示。

《HTML5移动Web开发实战》—— 1.9 定义一个内容策略

2.现在点击设备,你可以看到人们使用什么设备浏览你的网站,如图1-12所示。

《HTML5移动Web开发实战》—— 1.9 定义一个内容策略

google analytics可以分析浏览你的网站最常用的移动设备,也可以分析你的网站最受欢迎的部分。

人们使用移动设备上网的目的与使用桌面设备上网是不同的,例如:对于一个产品销售网站,大部分用户使用移动设备常常查看联系方式、地址和服务,而使用电脑的用户常常搜索产品目录、公司简介和产品描述。google analytics可以分析哪个部分或页面是访问量最大的,除了google analytics,你也可以使用我们早前发现的percentmobile,如图1-13所示。

《HTML5移动Web开发实战》—— 1.9 定义一个内容策略

浏览器分级

使用分析工具是决定支持哪些浏览器的方法之一,另一种是依据浏览器分级。jquery mobile有一个很好的浏览器支持表:<code>http://jquerymobile.com/gbs/</code>,同时还有一个jquery mobile的ppt讨论了所有移动网站开发策略:<code>http://www.slideshare.net/jeresig/testing-mobile-javascript</code>。

移动设备信息

我与jonathan neal和其他很多人合作总结了一个移动设备中前端相关的信息表:

它包含了当前市面上大部分的智能手机,以及他们的屏幕尺寸、dpi(dots per inch,点每英寸)和操作系统。

继续阅读