一分钟轻松搞定Web测试中定位bug窍门

在web测试过程中，经常会遇到页面中内容或数据显示错误，甚至不显示，第一反应就是BUG，进一步了解这个BUG的问题出在那里，是测试人员需要掌握的，可以简单的使用浏览器自带开发者工具、数据库工具配合去排查。

bug定位常用工具

Firefox——firebug、web developer、live http headers、http fox

IE插件——httpwatch

第三方工具——fiddler

慢速网模拟工具——firefox throttle

前台错误

前台的bug通常是功能、界面和兼容性等有关，涉及到jstl，jsp，js，css，html方面比较多。bug主要有两块，第一就是JS写的有问题，这个你可以按F12 打开控制台，在console中查看报错信息，一般浏览器都会显示报错的jS ，对于出错的js可以在Sources下查看对应报错的资源文件，基本上都会找到错误原因的变量未定义，参数未定义等，JS错误都很好解决的。

第二个就是页面中的bug了，现在做web项目基本上没有做静态页面的都是动态了，所以你页面中要么使用了小脚本要么使用了EL表达式来存值。页面报错的话 在控制台是可以看到你错误行号和附近代码的，你自己去找就行了。

图片不显示，谷歌浏览器右键点击图片，点击【检查】，(火狐浏览器右键点击【使用firebug查看元素】)在打开的控制台上找出图片的属性，输入到浏览器的地址内，如果能打开图片，那么不显示图片的问题就是后台的问题;如果浏览器内不能打开图片，那么就是前端的问题。

开发者工具的使用(chrom浏览器)

(1)打开开发者工具，在浏览器菜单栏选择工具-开发者工具，快捷键是F12

(2)打开之后切换到Network页签，操作就可以看到请求响应

(3)再选择响应的链接，切换到Preview页签，可以看到响应的结果数据;切换到Headers页签可以看到请求的地址，请求的方式，结果等信息

(4)Response结果中可以看到返回的数据字段、值

可以根据响应的值判断一些bug所在

(1)响应中没有数据，则是后端数据没有返回，前端展示为空，则为后端问题。例如：列表中新增一个数据，没有显示，通过请求中可以看到数据total为0，则是后端数据没有返回。

(2)响应中有数据，但是前端显示错误了，可以根据字段值判断是否前端显示中取错了字段显示，可以判断是前端问题。例如：B端显示内容错误了，把登录用户名显示了登录帐号，则可以在响应中看数据是否返回正确，返回正确而显示错误，则有可能是前端绑定字段错误。

(3)响应中有数据，但是跟自己操作的结果不一致，可以根据数据库查询，如果数据库中也没有记录，可能是代码有问题，没有记录你的操作。例如：注册了一个帐号，但是登录时提示帐号或密码错误，这就可以在数据库表中查看是否有注册的数据。

后台错误

根据后台日志文件查找错误

后台涉及到servlet，jms，ejb，还有很多框架，struts，hibernate，spring，ibatis等。bug 比较难改，但是好找。主要就是看控制台报错，然后定位错误行号。如果配置文件没有问题，那么一般的报错就是空指针，或者是数组下标越界。看附近变量，看方法的参数基本上都可以定位错误了

重启的一般情况：

(1)热部署 (新增部分功能，或者修改部分bug) (2)发布新版本 (整个系统)(3)内存溢出，此时重启服务器即可

由于项目中有线程程序，./shutdown脚本关闭tomcat程序，不能把启动的线程全部关闭，造成服务器启动线程未关闭的错误,所以

Linux系统中重启Tomcat的一般步骤：(一般是先关闭进程，然后进行重启 ，如果 /要删除某个文件：rm 文件名，或者不为空的文件夹：rm -rf 文件夹名)

cd usr/local/ //测试服务器名称/bin

ps -exf //看测试服务器下运行的项目的主进程(最前面的数字为PID进程号)

kill -9 PID //强制关闭某一项目的主进程

./startup.sh // ./**.sh 即执行重启shell脚本文件 ，此时在测试服务器的bin下面，直接执行即可，其余的加上 chmod a+x shell脚本文件，也可用./执行

免责声明：本文由广州html5培训小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。