favicons 是前端检查清单中的一条 HTML 规则,聚焦网站图标在各设备上的完整实现。用途是检查最终面向浏览器的标记,而非仅看源文件;适用于模板、服务端渲染 HTML 和共享组件的代码审查。
主要能力包括:核对所需格式与尺寸是否齐全,覆盖不同浏览器、设备和平台;给出最小配置参考——favicon.ico(32x32)加 apple-touch-icon.png(180x180);现代做法可使用带深色模式支持的 SVG favicon;PWA 场景需在 manifest.json 中按多种尺寸登记;并建议使用 RealFaviconGenerator 或 favicons npm 包生成。
使用方式:在检查环节确认图标格式、尺寸与 HTML 声明是否正确;在修复环节生成并接入包含 ICO、PNG、SVG 及移动端、PWA 图标的完整集合;同时可解释正确实现如何提升品牌识别与体验。审查时需指出渲染 HTML 中违反规则的具体元素、属性与路由。
限制:资料未提供完整代码示例、框架专属指南与命令,需查阅 references/rule.md 及规则页获取;未提供收费、价格或效果数据。