用途:审计服务器配置,或诊断样式表、脚本等资源被浏览器阻止的问题。适用任何提供 HTML、CSS、JS、图片、字体等静态资源的 Web 服务器。
主要能力:检查关键页面及其关联资源的 HTTP Content-Type 响应头;确认 HTML 返回 text/html; charset=utf-8,CSS 返回 text/css,JS 返回 text/javascript,图片返回 image/jpeg、image/png 等对应类型。代码审查时检查 HTML、CSS、JS 资源的 Content-Type,确认 HTML 含 charset=utf-8,并检查是否设置 X-Content-Type-Options: nosniff;标记任何非 HTML 页面却返回 Content-Type: text/html 的资源,以及文本响应缺失 charset 声明的情况。
修复方式:更新服务器配置,让每类文件以正确 MIME 类型提供;设置 X-Content-Type-Options: nosniff 阻止浏览器猜测内容类型;在 Next.js 等框架中于 next.config.js 配置响应头。
原因:Content-Type 头告知浏览器与爬虫内容类型。类型不匹配时,浏览器会阻止或错误渲染资源——CSS 以 text/plain 提供不会被应用,JS 以 text/html 提供可能被严格 MIME 检查阻止。由于 nosniff 会禁用 MIME 嗅探,错误类型会直接导致资源被阻止,破坏页面渲染。
限制:资料未提供具体服务器配置代码示例,完整实现细节、代码示例和框架专属指引见 references/rule.md。