做移动端测试都踩过哪些坑,简单盘点一些

发表于:2021-12-10 09:37

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:叶子    来源:知乎

分享:
  测试从业者应该知道软件测试需要在不同操作系统下测试软件,如果测试前端业务更多的就是pc端和移动端,pc实现的方式用的最多就是HTML+css组成的网页和一些效果,而移动端更多的是在移动终端运行的app那么实现的方式就有很多种如 原生开发,混合开发等,就目前行业流行的更多的就是混合开发的实现方式。
  对于移动终端的测试我们更多的是从功能测试性能测试两个方向对软件进行测试,这里简单介绍一下混合开发的注意的事项便于测试从业者对软件实现的方式有更多的理解。
  首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用。

  利用CSS3边框背景属性
  这个按钮有圆角效果,有内发光效果还有高光效果,这样的按钮使用CSS3写是无法写出来的,当然圆角可以使用CSS3来写,但高光和内发光却无法使用CSS3编写,这个时候你不妨使用。
  -webkit-border-image来定义这个按钮的样-webkit-border-image


  自适应布局模式
  在编写CSS时,我不建议前端工程师把容器(不管是外层容器还是内层)的宽度定死。为达到适配各种手持设备,我建议前端工程师使用自适应布局模式(支付宝采用了自适应布局模式),因为这样做可以让你的页面在ipad、itouch、ipod、iphone、androidweb safarik、chrome都能够正常的显示,你无需再次考虑设备的分辨率。
  块级化a标签
  请保证将每条数据都放在一个a标签中,为何这样做?因为在触控手机上,为提升用户体验,尽可能的保证用户的可点击区域较大。
  如何去除Android平台中对邮箱地址的识别
  看过iOS webapp API的同学都知道iOS提供了一个meta标签:用于禁用iOS对页面中电话号码的自动识别。在iOS中是不自动识别邮件地址的,但在Android平台,它会自动检测邮件地址,当用户touch到这个邮件地址时,Android会弹出一个框提示用户发送邮件,如果你不想Android自动识别页面中的邮件地址,你不妨加上这样一句meta标签在head中。
  6如何禁止用户旋转设备我曾经也想禁止用户旋转设备,也想实现像某些客户端那样:只能在肖像模式或景观模式下才能正常运行。但现在我可以很负责任的告诉你:别想了!在移动版的webkit中做不到!
  至少Apple webapp API已经说到了:我们为了让用户在safari中正常的浏览网页,我们必须保证用户的设备处于任何一个方位时,safari都能够正常的显示网页内容(也就是自适应),所以我们禁止开发者阻止浏览器的。

  本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号