前言:
眼前你们对“底部浮动js”大致比较关怀,你们都想要学习一些“底部浮动js”的相关文章。那么小编在网摘上搜集了一些对于“底部浮动js””的相关知识,希望兄弟们能喜欢,小伙伴们快快来了解一下吧!之前分享了一些技术点和知识点。都应该不陌生,今天来分享一个实战用法。以某牛数据PC端为案例。
搜索
找获取数据的接口,打开网站之后打开开发者工具,刷新页面,点击搜索,输入关键字,进行搜索。
然而,我们发现并未找到数据接口。点击Fetch/XHR,我们找到一个可能是数据的接口。点击查看该接口,它的返回值是加密的,请求也是加密的。
请求参数加密解密
查看请求参数,全局搜索payload关键字,并在commen.js设置断点,下滑页面,获取更多数据,进入断点
这样,我们就知道payload的生成规则和sig的生成规则来。
扣下js,编写js代码
这样我们就组装了api请求的参数加密和json对象。
解密返回值
在请求参数组装后之后,我们往下找then js方法,出现了返回值处理的方法。
鼠标悬浮上去,扣出c.a和c.b 的方法
运行一下,没有报错之后,开始组装请求流程的代码。
顺利拿到解密的结果。
进一步的发现它是webpack打包的方式,可能用webpack的解密方式更容易一些。
但是,有些遗憾,阳康之后,多多少少有点还是不舒服,webpack的内容还没深入研究过,有兴趣的同学,不妨分享点知识来!
学无止境,无法停歇!
标签: #底部浮动js