如何快速查看页面引用到了哪些CSS和JS文件？

气味

看老外的一个网站，
数了一下网页源码里面，28个css文件，32个js文件。
……简直丧心病狂

其实并不是每个css或js文件都很大，
为什么不减少http数量合并一些呢

说回正题

一个页面直接放这么多css和js 难道真是每个文件都有用到么
可能只用到了28个css里面的18个，
32个js里面的19个，

如何快速排查当前页面  引用了哪些css和js文件 哪些没有被调用？

1tv

f12 network ctrl+r   

气味

1tv 发表于 2023-9-23 16:46
f12 network ctrl+r

全部都出现
难道所有css和js都有用
刚刚试着删掉了一个css文件
并不影响页面展现

shalulyq

气味 发表于 2023-9-23 16:52
全部都出现
难道所有css和js都有用
刚刚试着删掉了一个css文件

有没有可能是head头部文件是复用的    你加载的页面并非会用到所有  只是为了所有页面方便调用

气味

shalulyq 发表于 2023-9-23 16:53
有没有可能是head头部文件是复用的    你加载的页面并非会用到所有  只是为了所有页面方便调用 ...

是的
现在就是想快速排除掉当前页面没有用到的文件

气味

有没有前端大佬能搞定这个

ieckr

不好搞 可能一个引用的js里面又引用了其他的js

ouou8

我一般都是精简的，超过3个js我都觉得多了。
css一般用一个足以。除非是一些特殊的页面不经常用到，就多给它一个单独调用。

sunkeinfo

求一个HTML代码，  检测到网页要加载某某特征的链接，则自动禁止连接。

youhei

没法做到排除。除非你吃饱了没事干js css一个个分析