《HTML5移动Web开发实战》—— 1.2 确定网站的适用移动设备-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

《HTML5移动Web开发实战》—— 1.2 确定网站的适用移动设备

简介:

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

1.2 确定网站的适用移动设备

HTML5移动Web开发实战
适用浏览器:所有

你不可能给每个移动设备都单独做一个移动网站,没有人有这样的时间和精力。

跨浏览器的移动网站开发是非常困难的,其难点在于如何确定网站的适用范围,John Resig(jQuery Mobile的创始人)在一个描述jQuery Mobile创建经历的PPT(中提了三个问题:

  • 哪些平台和浏览器是流行的?
  • 哪些浏览器可以支持现代脚本?
  • 哪些设备和模拟器需要我进行测试?

当你创建一个移动网站,你必须思考类似的问题,但并不一定完全相同,因为不同的网站的目标用户不同。所以你的问题应该是:

  • 用户最常用的平台和浏览器是什么?
  • 有多少用户使用支持现代脚本的移动设备?
  • 应该在哪些设备和模拟器上测试?

1.2.1 用户最常用的平台和浏览器是什么

首先我们来回答第一个问题。在创建移动网站之前,你必须首先确定谁是你的目标用户,他们会使用什么移动设备来访问你的网站。有许多分析工具可以帮助你回答这些问题,例如Google Analytics。你可以在这里免费注册Google Analytics的账号:http://www.google.com/analytics/

使用Google Analytics的方法非常简单(大部分开发者对它并不陌生),你需要做的只是从Google Analytics网站引入一小段JavaScript嵌入到你的网站中。

大部分现代智能手机都支持JavaScript,所以在移动网站中使用它与在桌面网站中没有不同。

1.2.2 有多少用户使用支持现代脚本的移动设备

我们现在来回答第二个问题。也许你想知道有多少人使用移动浏览器访问你的网站,同时你也想知道有多少人使用完全不支持JavaScript的老旧移动浏览器。因为如果使用低端智能手机的人多于使用高端智能手机的人,那么就不值得以HTML5作为核心技术了(虽然这种可能性很低)。

所以如果你不仅希望知道有多少人使用智能手机,同时也希望知道有多少人使用老旧的移动电话,Google Analytics移动版可以派上用场。你可以在这里下载脚本:

http://code.google.com/mobile/analytics/download.html#
Download_the_Google_Analytics_server_side_package

Google Analytics移动版服务器端程序包当前支持JSP、ASPX、Perl以及PHP,让我们来看一个基于PHP的例子。你所需要做的只是修改ACCOUNT ID GOES HERE为你的GA账户ID,也记得修改“UA-xx”为“MO-xx”。

遗憾的是,当你使用服务端版本,就不能同时使用ga.js这一JavaScript跟踪代码库。放弃JavaScript版本让人很遗憾,因为JavaScript版本提供了很多服务端版本所缺乏的动态跟踪机制:

7203f5fced656e480a3e7f31353fe0ac9452cb1a

1.2.3 Google Analytics**的替代品

Google Analytics不是市场上唯一的移动数据分析服务商,还有其他的服务商提供更有针对性的服务,比如,PercentMobile提供一个帮助分析你的移动用户群和网站价值的移动数据分析服务。你在这里可以找到更多关于该服务的信息:

http://percentmobile.com/

1.2.4 Google Analytics的精准度

移动设备报告的位置并不总是精确的,Google Analytics的Map Overlay报告以用户的IP地址来确定用户的位置。由于移动设备的IP来源于无线网关,它不需要也不知道移动用户的准确位置,所以些许不准确也是可以接受的。

1.2.5 对服务端读取速度的担忧

基于服务端的处理方式,可能会对服务器造成额外的负担和影响,所以Google建议先在某些页面小范围测试一下,确保一切正常之后再在全站部署。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: