一、基础缓存调试方法
1. 查看缓存资源列表
- 在Network面板直接显示所有加载资源
- 使用Filters筛选框选择“Cached”类型
- 通过Size列对比文件大小判断缓存状态
- 在控制台输入`window.performance.getEntriesByType('resource')`提取数据
2. 强制刷新验证缓存
- 使用快捷键Ctrl+F5强制重新加载页面
- 在地址栏添加`?reload=true`参数绕过缓存
- 通过Clear Storage插件清除指定域名数据
- 在扩展商店安装Cache Killer强制刷新特定资源
3. 检查HTTP缓存头信息
- 在Network面板点击请求查看Headers标签页
- 使用Status Code过滤器定位304响应内容
- 通过Response Headers查看Cache-Control字段值
- 在控制台输入`document.querySelector('img').src += '?nocache=' + Date.now()`测试动态加载