使用开发人员工具查看缺失的 CSS 文件

使用开发人员工具查看缺失的 CSS 文件

是否可以使用 Chrome 或其他开发人员工具查看页面中链接到的哪些 CSS 文件实际上不存在?

答案1

在任何浏览器的开发者工具中,如果您切换到窗格Network,您将看到从页面发出的所有请求。查找红线,这些将是失败的请求。在这些请求中,查找具有 404(未找到)状态的请求。正如评论所说,以 结尾的请求.css就是您喜欢的请求。

作为奖励,FireFox 的开发工具在底部有一个过滤器 - 选择“CSS”,您只会看到对 CSS 文件的请求 - 成功,否则。

答案2

在 Chrome 开发者工具的网络选项卡中,你也可以过滤此项

    status-code:404

仅获取缺失资源的列表

相关内容