首页 > 其他分享 >如何利用chrome和firefox进行接口分析

如何利用chrome和firefox进行接口分析

时间:2022-11-03 10:31:10浏览次数:51  
标签:firefox chrome 接口 js 利用 接口分析 console 快捷键 页面


有时候,我们可能看到了比较好的资源网站,就想把它的接口抽象出来,然后存起来,收藏下来。供我们自己去调用。
这往往离不开利用浏览器去分析接口。

因为我们一开始无法判断页面上的数据到底是局部渲染出来的、后端绑定的还是利用后端返回的js,然后再进行渲染的(指的是并不在页面里面,而是在如何利用chrome和firefox进行接口分析_chrome标签里面的)。利用firefox,点开页面和开发者工具,刷新一下,

如何利用chrome和firefox进行接口分析_全局搜索_02


得到这些请求,不过,这里使用的是百度,我们可以在自己希望的页面中来这样做。如果需要获得接口,首先可以忽略那些框架类的js文件的请求,然后再来寻找。不过此时,可以借助另一个地方,就是网络

如何利用chrome和firefox进行接口分析_json_03


如何利用chrome和firefox进行接口分析_json_04


如果找到了这种返回Json的接口,可以先存起来,不一定有用。去除掉所有这些json的接口之后,可能还留下一些页面的基础js文件,这个时候就需要细细的浏览代码了。看源码之后可能会遇到一些问题,比如某个变量定义为全局变量,我找不到定义在哪,办法是在console中打印出来。例如:

如何利用chrome和firefox进行接口分析_json_05


如果需要在全局搜索某些值在哪出现了,可以通过 chrome的搜索功能,默认快捷键是 ctrl+shift+F ,不过这和搜狗输入法的默认快捷键冲突了,所以还是手动去点吧(因为冲突太多了,比如 idea 里面也有 ctrl + shift + F的全局搜索)。

如果你发现有个地方调用了某个方法,但是确实也没有找到那个方法的实现方法。也可以在console中输出:

demoObject.demoFuntion.toString()

接口分析最麻烦的还是读请求的过程,再利用这些快捷的方法,会事半功倍一些


标签:firefox,chrome,接口,js,利用,接口分析,console,快捷键,页面
From: https://blog.51cto.com/u_14196886/5819077

相关文章