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

1.开发者工具的使用

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

（2）打开之后切换到Network页签，操纵就可以看到请求响应

（3）在选择响应的链接，切换到Preview页签，，可以看到响应的功效数据

（4）功效中可以看到数据字段、值

2.可以按照响应的值判断一些bug地址

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

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

（3）响应中有数据，但是跟本身操纵的功效不一致，可以按照数据库盘问，如果数据库中也没有记录，可能是代码有问题，没有记录你的操纵。例如：注册了一个帐号，但是登录时提示帐号或暗码错误，这就可以在数据库表中检察是否有注册的数据。

1.抓包分析

web测试过程中，怎么判断前端Bug还是后端Bug？可以通过抓包工具来进行抓包分析。

大大都的浏览器都有自带的抓包插件，如FireFox的FireBug插件，Chrome、360急速模式、搜狗高速模式自带的DevelopTools插件，F12开启抓包后，在NetWork中可以看到当前页面发送的每一个http请求。凡是情况下，我们可以通过请求接口、传参和响应三部分来判断Bug，此外，也可以在浏览器的控制台进行代码调试定位。

（1）请求接口URL是否正确

如果请求接口URL不正确，为前端Bug；

（2）http请求中的参数是否正确

如果http请求中的参数不正确，为前端Bug；

（3）如果接口URL和参数都正确，检察响应内容是否正确

如果这种情况下响应内容不正确，则为后端Bug。

（4）如果JS根本对照好的话，也可以在浏览器的控制台中输入JS代码进行调试

别的，除了浏览器中自带的抓包插件外，还可以使用其他的抓包软件，如Fiddler、Charles、HttpWatch、Wireshark等。

2.后真个Bug，如何准确的定位问题在哪里，如何精准的描述Bug？

（1）检察报错日志

检察报错日志，通过日志分析，需要有必然的经验，并且有必然的代码根本，才华更好地定位问题。

（2）检察数据库的数据

了解所测成果的数据表布局，测试过程中，检察数据库的数据，确认数据的正确性。

（3）检察缓存（如Memcache、apc、redis等缓存）是否正确

Web测试中定位bug的要领