如何快速拆解某个功能的实现方案

组件识别插件

安装 https://www.wappalyzer.com/ 扩展,先大致识别出页面使用了哪些技术。

这个扩展有时候不一定准确(比如Vue识别不出来),需要你再手动人工验证下。

这个插件是最赞的页面技术解析工具,因此放在最前面。

查看页面源码

通过源码,观察引入了哪些组件。

查看network加载的资源

有的JS文件,是通过JS异步加载进来的,单从页面源码看不出来被引用了。

因此要关注下network这里真正加载的JS文件。

控制台测试

在控制台通过打印特定框架和组件暴露出来的全局变量,来验证是否有使用该组件。

比如:jQuery、Vue等等。

查看具体某个元素绑定的事件