
以下是一些适合在Chrome浏览器中快速查看网页JS依赖关系的插件:
1. Octotree:这是一款专为GitHub设计的插件,但它也能间接帮助查看网页的JS依赖关系。它可以把GitHub上的代码以树形结构展示,使代码结构更清晰,方便查看项目中各个JS文件之间的引用和依赖关系。如果你要查看的网页源码托管在GitHub上,使用该插件可以更好地理解其JS依赖架构。
2. JS Dependency Viewer:专门用于查看网页JS依赖关系的插件。它能够分析网页中的JavaScript文件,并展示出它们之间的依赖关系图,帮助你直观地了解每个JS文件都依赖哪些其他文件,以及被哪些文件所依赖。
3. Web developer:虽然不是专门的JS依赖关系查看插件,但它提供了丰富的网页开发工具。其中包含一些功能可以帮助查看和分析网页的JS情况,比如可以显示页面中所有的JS脚本,通过进一步分析和梳理,能找出它们之间的依赖关系。
4. Lighthouse:这是Chrome自带的开发者工具中的一款强大插件。它可以对网页进行性能、可访问性等方面的审计,在性能审计过程中,会涉及到对JS执行情况的分析,包括JS的加载顺序和依赖关系的检查,从而帮助你了解网页JS的依赖情况,并且还能提供优化建议。