1. 通过开发者工具查看缓存文件
- 打开Chrome→按`Ctrl+Shift+I`（或右键→“检查”）→进入“Application”面板→左侧导航栏选择“Cache Storage”或“IndexedDB”。
- 点击具体条目（如网站域名）→展开“Keys”列表→选择文件后，右侧会显示缓存内容（如图片、脚本）。
2. 检查本地存储数据
- 在“Application”面板中，切换至“Local Storage”或“Session Storage”→选择网站域名→查看键值对形式的缓存数据（如登录状态、页面配置）。
- 双击值字段可修改内容（注意：部分数据为加密或二进制格式，可能无法直接读取）。
3. 导出缓存文件到本地
- 在“Cache Storage”中找到目标缓存项→右键点击→选择“Export Cache”（需安装“CacheViewer”扩展）。
- 保存为`.cache`文件后，可用第三方工具（如Chrome Cache Viewer）解析内容。
4. 查看Cookie缓存信息
- 进入“Application”面板→选择“Cookies”→展开网站域名→查看键值对（如`sessionid`、`usertoken`）。
- 修改或删除特定Cookie（如清除`expires`字段可实现长期保留）。
5. 监控实时缓存活动
- 在“Network”面板中刷新页面→勾选“Disable Cache”关闭缓存→对比两次加载的资源列表（带“(from disk cache)”标识的文件即为缓存内容）。
- 右键点击资源→选择“Reveal in Cache Storage”快速定位缓存位置。
6. 清理特定缓存数据
- 在“Cache Storage”或“IndexedDB”中，点击删除按钮（垃圾桶图标）→确认清理（注意：此操作不可逆，需谨慎操作）。
- 按`Ctrl+Shift+Del`打开清理界面→选择“Cached images and files”可批量删除所有缓存。
7. 查看GPU缓存状态
- 进入“Settings”→“System”→关闭“Use hardware acceleration”→重启浏览器→对比“Graphics”面板中的渲染时间（判断GPU缓存是否加速）。
- 在地址栏输入`chrome://gpu/`，查看GPU进程的缓存利用率（数值越高代表缓存命中率越高）。
8. 分析Service Worker缓存
- 在“Application”面板→“Service Workers”→选择工人脚本→点击“Cache Storage”→查看预缓存资源（如离线网页、字体文件）。
- 手动添加或删除缓存条目（适合调试PWA应用或渐进式网页）。