应用程序缓存存储项具有空响应?

时间:2017-01-29 12:23:15

标签: caching webpack browser-cache application-cache sw-precache

我正在使用服务工作者设置我的preactjs网站。

使用Sw-precache-plugin

我只是查看它存储在缓存存储中的缓存项目,我预期的条目都在那里,但它们的响应为空。

我检查了一些其他服务工作者的网站,发现他们的条目有“好”的回复。

只是想知道什么是使缓存响应的触发器说“OK”而不是空白。

enter image description here

我发现另一个例子,其中一些返回OK而其他人空白

enter image description here

1 个答案:

答案 0 :(得分:3)

"响应" Chrome的缓存存储查看器中的列旨在反映关联的statusText对象的Response字段的值。成功回复的传统status line是“确定”,所以“好”'是statusText部分。您可以通过存储ResponsestatusText不同的Response来实现此目的,例如:

enter image description here

有时候没有“好”的话。列出,因为statusTextopaquesw-precache无法访问。第二个屏幕截图中的字体资源就是这种情况。

话虽如此,我看到第一个屏幕截图中没有不透明的响应(例如statusText - 托管条目的情况,并未正确反映status。可能是在那些情况下,您的网络服务器只是响应了&#39; 200&#39;状态行而不是&#39; 200 OK&#39;,这将转换为200 statusText'' <form method = "POST" action = "image_upload_featured.php" enctype = "multipart/form-data"> <label>Drag or click for image</label> <div id="uploader" onclick="$('#photo').click()"> <img src=""/> </div> <input type="file" name="image" id="photo"/> <div id = "file_name"></div> <button class = "btn btn-primary" name = "save"><span class = "glyphicon glyphicon-download"></span> Save Image</button> <input class = "w3-input w3-border" type = "text" name= "fullname" placeholder = "Fullname" style="margin-bottom: 15px;" required> <input class = "w3-input w3-border" type = "text" name= "lname" placeholder = "Lastname" style="margin-bottom: 15px;" required> </form> 。这对于网络服务器用于状态行来说是完全有效的,只要条目成功使用,我就不认为你需要担心它。