是否可以修改服务工作者缓存响应头文件？
我正在试图标记存储在服务工作者缓存中的资源。
我认为可以将自定义标题添加到资源中，这可能表明这一点，但是，一旦资源存储在服务工作者缓存中，就会删除标题修改。 是这样吗？ 在缓存规范中，我没有看到任何有关修改响应标头的信息。
这是我尝试过的一个例子：
// I successfully cache a resource (confirmed in Dev Tools)
caches.open('testCache').then(cache => {
cache.add('kitten.jpg');
})
.then(() => {
console.log('successfully cached image'); // logs as expected
});
// placeholder
var modifiedResponse;
// get the cached resource
caches.open('testCache')
.then(cache => {
return cache.match('kitten.jpg');
})
// modify the resource's headers
.then(response => {
modifiedResponse = response;
modifiedResponse.headers.append('x-new-header', 'test-value');
// confirm that the header was modified
console.log(modifiedResponse.headers.get('x-new-header')); // logs 'test-value'
return caches.open('testCache');
})
// put the modified resource back into the cache
.then((cache) => {
return cache.put('kitten.jpg', modifiedResponse);
})
// get the modified resource back out again
.then(() => {
return caches.match('kitten.jpg');
})
// the modifed header wasn't saved!
.then(response => {
console.log(response.headers.get('x-new-header')); // logs null
});
我也尝试删除自定义标题，修改现有标题，并创建一个new Response()响应对象，而不是抓取现有标题。
编辑：我正在使用Chrome 56。
您将不得不创建一个新的响应来执行此操作：
fetch('./').then(response => {
console.log(new Map(response.headers));
const newHeaders = new Headers(response.headers);
newHeaders.append('x-foo', 'bar');
const anotherResponse = new Response(response.body, {
status: response.status,
statusText: response.statusText,
headers: newHeaders
});
console.log(new Map(anotherResponse.headers));
});
现场演示（请参阅控制台）
链接地址: http://www.djcxy.com/p/95347.html上一篇: is it possible to modify service worker cache response headers?