如何通过浏览器审查元素判断CDN缓存是否成功？

当开通某个CDN服务，并配置完成后，如果需要查看我们指定的内容是否缓存到CDN上，可以查看如下三个地方。

打开游览器

（这个我常用的是Google Chrome，所以就以此为例。其他游览器都大致相同）打开游览器后可以选择工具 > 开发者工具，或直接按F12 ，然后在地址栏输入要查看的URL。

示例图片

Network在开发者工具栏中，单击访问的图片（要加速的内容），您可以在Headers查看到详细的请求（request）和返回（response）的报文信息。如下图

查看缓存

这里查看如下三个字段 age、 X-Swift-SaveTime、 X-Swift-CacheTime
X-Swift-SaveTime：内容开始在CDN上缓存的时间。如上图，即Sun, 02 Sep 2018 07:43:20开始在CDN缓存。有的由于系统时间是GMT时间，所以需要折算成北京时间，也就是加8个小时后的时间。
X-Swift-CacheTime：是CDN的默认缓存时间，以秒为单位。图中的86400，即缓存24小时。
Age：该内容在CDN上已经缓存了的时间。图中的22997s即该内容已经在CDN缓存了22997秒。根据时间，从07:43:20开始缓存的，可以计算出当前的时间。您可以和电脑当前时间进行对比。

如上便是如何通过浏览器审查元素判断CDN缓存是否成功的一个简单方法，希望能有所帮助。

版权属于：ic翼
本文链接：https://bingyishow.top/Technical-article/38.html
您必须遵守署名-非商业性使用-相同方式共享 CC BY-NC-SA 使用这篇文章