《移动App测试的22条军规》——第5章，第5.2节WebView的测试-低调大师

《移动App测试的22条军规》——第5章，第5.2节WebView的测试

2017-05-01 686

本节书摘来自异步社区《移动App测试的22条军规》一书中的第5章，第5.2节WebView的测试，作者黄勇，更多章节内容可以访问云栖社区“异步社区”公众号查看

5.2 WebView的测试
移动App测试的22条军规
对于WebView的显示，除了需要关注它对于横竖屏的影响，还需要关注它在不同设备上的显示。因为不同设备会有不同的屏幕宽度和高度，所以WebView的显示效果通常也是千差万别的。比如显示宽度过宽（如图5.7所示），显示宽度过窄（如图5.8所示），或者显示位置太靠下从而导致页面出现很大的空白（如图5.9所示）等。

2201da475b145c40048f55d21f6e4c5b537fb726

457073701fc0b0d63c53983f8bc64742ca5ef129

如果是具有特定格式的WebView，在不同设备上的显示效果很可能差异更大，例如图5.10所示表格的显示差异。

195eb6a966f4674264e9269a3b8de348120e53ef

在手机App中嵌入的WebView显示样式和在Web上是不一样的

如果在嵌入WebView的页面输入文本，可能会出现更多的问题，如图5.11所示。

7bb40e063e7f6dd53e5023458ef4d0edc2ce83e9

在嵌入的WebView中点击Google搜索栏输入的时候，页面显示会出现问题

通常，开发移动App时想要在App里嵌入WebView，都是基于已经有了产品的Web版本。如果构建移动App的时候能使用已有的功能和资源，会节约开发的成本，降低开发难度。

是的，理论上是这样没错，但是如果在Web端没有做到响应式设计“Responsive Design”（如图5.12所示），在设计Web架构的时候没有考虑到Web端和移动App端功能以及特性的不同，就会造成在桌面端显示正常的Web页面被嵌入移动App之后会出现很多诸如前述的样式显示的问题。

ea9bce39ea6fcc615ff353e81da8f740c19b195d

响应式设计“Responsive Design”的理念是集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局

所以最好不要在移动App中嵌入WebView，而是通过服务器返回信息，由原生代码控制显示的样式，这样可以更好地使用操作系统的特性来避免显示问题。

但是如果想使用WebView的优势，也就是在不改变客户端代码的情况下实现功能和样式的更新时，就要尽量保证在Web端和移动App端都能实现响应式设计（如图5.13所示为iPhone上的App Store从iOS 6升级到iOS 7时的变化）。

804ad8b7ac7993b5129fc84d8ece044456c37f38

App Store使用的就是WebView，所以即使设备没有从iOS 6升级到iOS 7，
也可以体验到新版的App Store

微信关注我们

原文链接：https://yq.aliyun.com/articles/94954

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

《Objective-C入门经典》——2.6节测验

本节书摘来自异步社区《Objective-C入门经典》一书中的第2章，第2.6节测验，作者【美】Jesse Feiler，更多章节内容可以访问云栖社区“异步社区”公众号查看 2.6 测验Objective-C入门经典 2.6.1 问题1．如果覆写了超类的一个方法，被覆写的方法会自动被调用吗？ 2．为什么访问器是重要的？ 2.6.2 答案1．否。如果想要调用超类的方法则必须要使用像[super myMethod]这样的代码来调用超类中的方法，通常这一行代码在覆写的方法中位于第一行或最后一行。 2．通过它们可以在不直接访问实例变量的情况下设置和获取实例变量的值。

2017-05-02

598

本节书摘来自异步社区《Android 应用测试指南》一书中的第2章，第2.3节创建一个Android测试项目，作者【阿根廷】Diego Torres Milano（迭戈 D.），更多章节内容可以访问云栖社区“异步社区”公众号查看 2.3　创建一个Android测试项目单击图2.1中Next按钮，会进入创建Android测试项目的对话框界面。注意这里将会有一些值是继承主项目的，设置值或者是跟主项目对应。另外一种为Android项目新建测试工程的方法是：选中主项目，然后单击Android Tools | Create Test Project 。打开之后“测试目标”选中被测主项目，然后其他的值会自动设置好。图2.2展示了创建一个Android测试项目需要输入的一些参数值。当所有的值都填写完毕后，我们就可以单击Finish完成。图2.2　新建Android工程过程图

2017-05-02

580

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。