静态资源加载失败的降级处理

图片、css、js、字体等资源加载失败的降级处理

图片

占位图, alt描述图片
重试机制（404，无权限）
上报

html

<img src="image.jpg" alt="测试图" onerror="handleImageError(this)">

js

function handleImageError(img) {
    img.onerror = null; // 防止死循环
    img.src = 'placeholder.jpg';
}

css

404资源没加载到

关键性的样式，内联编写
备用样式
上报

html

<link rel="stylesheet" href="test.css" onerror="handleCssError"></link>

js

同理

CDN

使用本地备份文件换源