在测试过程中，我们是如何去定位前后端问题的？

我们在做web端测试时，难免会遇到这样的一个情况：出现的bug，不知道是前端还是后端，这篇就为大家简单介绍几种比较好用的方法吧

场景：

清晰的记得那天是项目要上线，但是由于某种原因，页面可以打开，但是在点击任意链接后，没有实现该功能，且还会抛出异常提示？
此时，作为测试的我们，应该是要协助开发去定位问题：

1、可以通过谷歌浏览器中的开发者工具来定位问题

打开F12 或是谷歌浏览器右上角的三个小点，开启开发者工具

2、在开发中工具中，选择Network

3、刷新当前页面，并对有问题的地方进行点击，Network会抓取当前的页面的内容

在这里，有返回接口，也有些其他的数据，在这里，我们重点观察有问题的哪些地方

比如页面中有一个下拉框，但是没有数据，那么我们可以通过接口测试来判断：

<1>先ping下ip，看是否存在超时的现象，如果超时了，那么就可以初步的认定为是服务端的问题

ps：这里是拿的百度做的实验哦~

<2>如果接口可以跑通并返回了正确的数据，那么服务端这边是没有问题的，有可能是前端没有绑定好该字段

<3>如果接口不可以跑通，那么可以去找下服务端的问题，超时、异常等情况，还要考虑到是否有中间件的问题

4、用开发者工具做接口详细步骤：

<1> 在Network下，点击 view source 来露出headers请求入参

露出请求参数：

此时，可以打开接口测试工具，将这些请求参数复制下来，并粘贴到工具中

添加一个http请求：

添加一个信息头管理器：

因为参数很多，我们并不知道哪些是必传参数，还是不必传参，所以这里全都拿过来

最后添加一个察看结果树：

请求是成功的，但是出现了乱码，大家可以去修改下jmeter的编码配置

<1>打开jmeter的bin目录，找到jmeter.properties文件

文本方式打开，搜索sampleresult.default.encoding=ISO-8859-1改为sampleresult.default.encoding=utf-8 去掉最前端的注释#

再次跑下接口：

4、还可以在Network中看到页面响应时长

如有问题，请在博客下方留言，小友定当知无不尽~