如何快速拆解某个功能的实现方案
组件识别插件
安装 https://www.wappalyzer.com/ 扩展,先大致识别出页面使用了哪些技术。
这个扩展有时候不一定准确(比如Vue识别不出来),需要你再手动人工验证下。
这个插件是最赞的页面技术解析工具,因此放在最前面。
查看页面源码
通过源码,观察引入了哪些组件。
查看network加载的资源
有的JS文件,是通过JS异步加载进来的,单从页面源码看不出来被引用了。
因此要关注下network这里真正加载的JS文件。
控制台测试
在控制台通过打印特定框架和组件暴露出来的全局变量,来验证是否有使用该组件。
比如:jQuery、Vue等等。