H5测试分享

H5测试分享：


        最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故总结一下测试期间遇到的问题和测试经验。
从测试的整个期间，WAP给我的感觉就是页面跳转更加费力，不稳定感更强，例如：在一个列表里面，跳入详情页，返回，再进入详情页，返回，……多次操作之后，这个时候，你想要直接返回列表页面就会很困难了，因为这是浏览器的页面，它是记录浏览器的页面跳转，返回只能一步一步的回去。为了解决这个问题，开发增加doClose方法。用于关闭当前webview。统一约定：由列表页到详情页，都是用doAction；详情页处理后，如果要用需要回到列表页，就调用doClose，在此场景下，不再使用doAction或doLocation。
APP测试最常见的测试场景就是，调用接口不通的情况了，开发自测的时候是没有问题的，但是一到了测试人员手中就各种不通了，这个时候，测试很难定位问题出现在哪里，到底是接口的原因导致的呢，还是APP自身的问题，这个时候，我要给大家介绍一个很好用的浏览器远程调试工具（Chrome RemoteDebugging），以下介绍都是基于APP WebView的调试。


调试要求
对于APP WebView的调试，需要系统为Android 4.4+ 并且原生应用内的Webview须进行相应的调试声明配置


调试步骤
第一步：首先在移动设备上开启USB调试模式。（如何打开USB调试，就不一一介绍了，不会的可以去百度）；
第二步：第二步：用USB数据线连接设备，驱动装好连接成功后，你可能会在设备上看到一个弹框请求允许使用这台计算机通过usb调试，勾选“一律允许使用这台计算机进行调试”后点击“确定”；
第三步：在电脑上打开Chrome浏览器的菜单– 更多工具 – 检查设备（Chromemenu > More tools > InspectDevices），或者直接在浏览器地址栏输入chrome://inspect 或者about:inspect，打钩选中Discover USB devices；


如果USB连接成功，可以看到移动设备的型号和设备上运行的页面和允许调试的WebView列表。找到需要调试的目标页面，点击inspect即可打开DevTools；
WebView的可用列表如下：


    所列信息其中包括页面的title，url地址，页面尺寸大小及其相对于设备屏幕的相对位置。点击inspect打开的DevTools窗口，


在这里需要说明一下的就是：android4.4.3或者以上的screencast不仅可以在Tab网页实现，在WebView上也可以同步交互操作，而android4.4.3一下的这不支持屏幕在tab网页显示；（现在手中这台手机刚好是android4.4.2，无法看到手机界面）
点击network，这在里你可以看到所有的请求链接，以及参数，点击一条链接进去，你可以看到该请求的URL，返回状态，以及相对应的参数；


通过这里，你可以去判断请求有没有发出去，调用接口有没有成功，接口的参数有没有传对，以及返回了什么，非常方便测试。需要说明的一点就是，首次使用这个功能需要翻墙，翻过第一次之后，以后就不用翻墙了
    我的分享到这里结束了，希望可以帮到大家。