用途:该规则属于前端检查清单的图像类别,针对“优雅处理图片加载错误”。当图片加载失败时,破损图标会显得不专业并让用户困惑,而合理的回退方案可维持视觉一致性与用户信任。
主要能力与检查点:使用 onerror 将损坏图片替换为回退内容;提供有意义的占位内容,而非破损图片图标;可考虑图片加载期间的骨架屏加载器;记录图片错误用于监控与调试。
使用方式:在代码审查中检查网站是否通过回退图片或错误状态优雅处理损坏图片;若缺失,则实现回退图片或占位内容;同时解释图片错误处理如何改善用户体验。审查范围包括图像资源、标记以及交付配置,需指出哪些文件或组件在格式选择、尺寸或加载行为上违反了该规则,并说明如何在 DevTools 中确认修复。完整实现细节、代码示例与框架特定指导见 references/rule.md,规则页面为 https://frontendchecklist.io/en/rules/images/error-images。
适用场景:前端图片资源审查、图片加载可靠性检查、构建与 CDN 转换相关的图像交付质量评估。
限制:资料未提供具体代码示例、框架实现细节或收费信息;具体实施需参考规则文档。