云南丽江最专业的互联网专家,助力企业互联网转型!
咨询邮箱 咨询邮箱:bmh@yn-internet.com 咨询热线 咨询热线:13618885317 微博 微信
您的位置: > 公司动态 > 手机网站 > >
分享到:
手机网站开发注意事项:浏览器兼容性测试

发表日期:2018-02-11    文章编辑:admin    浏览次数:

     手机网站开发出来了以后,为了达到更好的效果,就要进行各种浏览器的兼容性测试?那么在测试浏览器兼容的时候,需要注意些什么事项呢?下面就由敏宏科技技术小编给大家讲述下我们的怎么样对手机网站进行兼容性测试呢?
     为什么要有兼容性测试
:比web浏览器还恐怖的手机浏览器

 

对于web网站,一般来说,最普遍的是需要兼容1个操作系统(windows)X, 3种浏览器(ie 6、ie7、firefox)这 3种情况。

 

一些要求更高一点的web网站需要兼容的是1个操作系统(windows)X, 7种浏览器(ie6、ie7、firefox、chorme、opera、safari、遨游)+ 1个操作系统(mac) X 1种浏览器(safari)这 8种情况。在这里,所有浏览器除了ie外,我们都指最新版本的浏览器进行测试。另,遨游浏览器虽然是基于ie内核,但某些表现却完全出人意料,故也加入考虑。

 

好了,以上最多8种需要兼容的情况,已经让人大呼头痛不已,何况事实上这些浏览器对html代码本身的解析都是没问题的,那么我们在测试的时候需要费心的只是ie6的css和js的一些特定代码的编写等。

 

那么手机浏览器有多少种需要兼容的情况呢?

 

如果要做到比较好的兼容性,我们要兼容的手机浏览器至少有二十种情况(手机自带的浏览器+用户可安装的浏览器)需要我们注意。

 

web浏览器的兼容性大致可根据浏览器的渲染引擎来确定兼容类型,但手机浏览器,即使是使用的同一个渲染引擎,在不同的手机上表现也可能很不一样。

 

还有两个更令人头痛的问题:

你没法使用css hack,你也没法逐一去测试各浏览器的实际效果。所以,当你涉足手机网站开发的时候,你才会感概,web浏览器们真是太仁慈了。不过事情还不算太坏,就目前来看,基于手机浏览器的限制,一般手机网站的布局和功能不会太复杂,而高级一些的手机浏览器(如iphone等)兼容性还是很理想的,不用操心。

 

不管怎样,对于一个专业的手机网站来说,有一份专业的浏览器兼容性测试报告是非常有必要的。面对成百上千的手机型号,还有日益强大的山寨机,我们的兼容性测试要覆盖哪些机型呢?

 

2 目标用户数据挖掘

 

我们基本不可能兼顾到所有类型的手机浏览器,所以你必须要根据你的用户数据来决定要测试兼容性的手机型号。

 

在做测试的时候,你的手上需要有以下数据:

网站访问的手机型号统计,用户访问你的网站的主要行为。如果拿不到这些数据,那么接下来的兼容性测试将会艰难很多,你不得不通过广撒网的方式,测试尽可能多的手机(而不是主要目标客户群的手机)来确认某些属性的兼容性,这可不是一个合适的策略,相信让客户给你提供无数的手机来进行测试,这是很不现实的。所以,我们在做测试的时候,需要注意以下数据:手机型号、操作系统、浏览器类型、屏幕尺寸、颜色深度。然后在根据不同的手机型号在手机上的显示效果,来进行手机网站的调整,只要测试的效果达到70%,基本就能满足我们所有的手机用户需求啦。

 

3 安排测试,整理测试结果


当我们设计测试点的时候,应该涵盖哪些内容呢?

对xhtml代码本身的支持度,如手机网站的宽高比例等都是很重要的东西,只有代码支持不同比例尺寸才能让手机网站完美。对特殊字符的支持度,如%符号等。对css的支持度,不同的手机型号使用不同的浏览器,可能就导致显示的CSS颜色不一样啦,颜色深浅度也不一样啊。对css不同引入方式的支持也会是不一样的,所以引入方式的调整也很重要。对css的属性的支持也很关键,只有完美支持CSS属性,才能让我们手机网站达到实际的效果。对css某属性不同属性值的支持,如margin的取负值、background-repeat的不同取值。对css选择器的支持,如tag,lass,id,选择器的嵌套。对css高级选择器的支持,对js的支持度等这些因素都要考虑进去,要不然,我们的手机网站就不能充分展示我们的效果

 

目前还不太可能在手机上创建很复杂的js效果,可以仅测试js的基本功能,比如对事件的支持,当然,使用js最重要的是要考虑好如何优雅降级,确保用户在没有js的情况下也能顺利完成任务对图片的支持度。支持图片类型,包括gif非透明背景、gif透明背景、gif动画图、jpg、png8非透明背景、png8透明背景、png24非透明背景和png24透明背景。支持图片颜色,如色彩复杂的图片,光滑渐变的图片设计一个专用于测试的excel表格,方便测试人员填写测试结果也是非常重要的工作,如果这一步没有做好,也许你之前所有的努力都将白费。传承有价值的研究结果,其意义不低于研究本身。
       所以,各位亲。我们在做手机网站测试的时候,是一件很繁琐的工作,只有按照测试流程走完全部过程,才能达到我们想要的效果。