场景：我们在和前端对接接口的时候，前端都是根据后端供应的接口api，swagger地址或者yapi，其他接口管理平台进行接口联调，mock一些测试数据调试，调好了然后在本地和后端联调接口，没有问题后再发测试环境，测试环境再发预发布，预发布通过在上生产环境，正常大公司的流程多一点，多一些环境，但是流程调试的环节避免不了，但是调试难免会涌现问题，和拉皮扯筋的事情。
1，页面抓取这里就演示淘宝网页的订单查询接口。
（由于这里我修改过商品发布的接口修正外链接，但是实际是不堪利的，成功了就奇怪了）
登录淘宝网页，查询购买的订单信息
newwork代表网络要求，下面的接口要求包括前真个样式静态文件，但是像页面提交表单的办法一样平常都是用php的办法，正常都走接口，这种接口须要通过抓包工具抓取接口要求参数，如果是接口加了署名的这种你是要求是不通的。
我们只须要关注要求接口的要求参数，要求头，要求体就可以：
还须要不雅观察 接口是否须要验证办法
只须要抓取要求的参数去访问就行。
这里利用finder抓包工具;
要求地址：https://buyertrade.taobao.com/trade/itemlist/asyncBought.htm?action=itemlist/BoughtQueryAction&event_submit_do_query=1&_input_charset=utf8
我们看淘宝的接口的要求头参数：
查看是否须要要求验证:
查看详细要求体：
下面是返回的相应体：
我们直接通过finder进行要求测试：
查看接口返回的信息：
编辑
有了这个参数要求我们也可以通过postman去要求接口把抓取的参数去post测试。
我们可以看到我们接口是200但是返回的是html信息，这种是有限定的，限定了接口的域名访问，
重定向了这种便是，这种办法须要获取到真实的ip地址要求接口才能访问到接口的数据。这便是为啥要利用抓包工具的缘故原由。
对与接口调试我只须要吧要求的参数，要求体，要求头复制到postman测试即可但是对付加了署名的接口你是没有办法直接调用通过的。
类似这样的署名和韶光戳 。
那么对付浏览器的利用，那就更随意马虎了前真个样式和js如何调试只须要打开
我们动态修正样式即可进行调试。
我们可以通过source的办法去调试js，查询js实行watch的参数信息，但是你须要找到详细实行的函数方法，点击事宜，随着前真个更新迭代，现在的点击事宜方法基本绑定在html标签上面，很难找到触发的地方，并且js采取压缩稠浊算法，js压缩后很难去找到详细代码，而且通过代码不显示到浏览器网页上面，很多处理直接通过后台接口处理，前端不写逻辑，以是你须要花韶光去找前真个js。
————没有与生俱来的天赋，都是后天的努力拼搏（我是小杨，感激你的关注和支持）
