1.怎么找接口？
最好在谷歌浏览器按f12查看，主要看network，就能够定位先后端问题。前端
若是按f12之后，点击network，能够看到.js和.png这些结尾的都不是接口。web
点击network-XHR，这里能够看到接口。ajax
是过滤xhr请求。若是先后端分离了，数据会经过ajax请求获取，在好久之前，没有xhr的时候 ，页面不支持更新数据，须要刷新才行。有了xhr，页面支持局部更新数据。数据库
可是这里能显示全部当前界面全部的接口么？
不必定。有些数据若是是跟页面一块儿带过来的就不在这。后端
并非全部都是先后端分离的,不分离的时候后端会把页面渲染好 再抛出来,而后你按xhr一个接口都没有。浏览器
在xhr里面没有找到，就这里根据接口文档中的接口名字找。服务器
通常没人在这找，几乎找不到。可是若是是接口，通常大多数是xhr，先后端分离的那种。微信
2.基础知识
ip和域名的做用是同样的，能够经过域名访问网站也能够经过ip访问网站，只不过发明了域名，是为了让你可以记住而已。前后端分离
3.定位前端问题
4.定位后端问题
5.先后端怎么交互的？
好比你是前端，你妈是后端，你向你妈妈发送一个请求，POST /eat {"msg":“妈妈，我要吃饭！”},你妈给你一个响应 {"没得吃，滚"}编辑器
后端返回什么均可以，是它本身定的。你妈妈有本身的想法。
6.怎么分清先后端bug？
1）请求接口URL是否正确：若是请求接口URL不正确，为前端Bug；
2）http请求中的参数是否正确或为空：若是http请求中的参数不正确或为空，为前端Bug；
3）若是接口URL和参数都正确，查看响应内容是否正确或为空：若是这种状况下响应内容不正确或为空，则为后端Bug。
4）看下请求参数的值（value)是否和界面显示的一致，不一致就是前端Bug。
7.接口文档怎么看？
定位先后端Bug，不用管请求头信息。
我理解的是:接口的请求参数和返回值都是key和value的形式。
例如："flag_password":1
因此按f12定位先后端问题的时候。返回值：重点看key是否是为空的，key对不对，key对应的value值对不对，value值是否是为空的。意思差很少就行，比对能比对的。
返回值中，value值特别长的，只要它不为空就行，比对能够对比的参数就行。
后端报错不必定是后端致使的
报错是后端报出来的，前端传值错了，后端也有可能报404 5xx
在按f12以后，我以为响应码的价值就是看服务器有没有响应，初步定位问题。而后想定位具体问题点，就对着接口文档，好好在对应的地方看看前端的参数对不对，有没有，后端的返回值对不对，有没有。
8.经常使用状态码
9.总结
1.网页端点击上传文件，弹出一个打开文件的窗口，窗口中的肯定按钮延迟显示。（这个产品是在c/s端上传文件，网页端打开。）
由于肯定按钮是前端开发写js代码，好比定义了一个函数就能实现。
而何时涉及接口呢？
1.我选择一个文件点击肯定后，成功显示选择的这个图片，这就涉及接口，这是接口的查询做用。是前端利用接口发请求给服务器，服务器校验后，利用接口发请求给数据库，数据库利用接口返回请求给服务器，服务器利用接口再把返回的请求发给前端，展现出来。
因此这个固然不用抓包就知道是前端的问题啊。基本上看不到的操做都是后端的，能看见的都是前端的（根据实际状况，不能断章取义）。
2.c/s端软件，是要点击连接，发请求给服务器才能连接上。结果出现了，就个人电脑连接失败，别人均可以。为啥呢？
当个人电脑开着fiddler致使，由于开着代理，经过fiddler发出的请求，服务器可能不认识。
3.教训：本身工做中遇到问题，首先本身再三核实是否是本身粗心了，没看清致使，或者本身无心中开着什么软件致使。总之，本身再三确认是问题，再提。若是本身以为很难的问题，别人两分钟就解决了，那就丢人了。必定要认真的过一遍，最好找到问题的根本再去问。
工做中尽可能本身百度，学会本身解决问题。打字能沟通明白的问题就尽可能打字沟通。
欢迎扫码关注！
本文分享自微信公众号 - 清菡软件测试（qinghanTester）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。