使用服务工作者的获取事件中的字符串创建 HTML 响应

Question

我现在正在和 service workers 打交道。我正在尝试将 'fetch' 事件设置为 return 自定义 HTML 而不是像下面这样的纯文本：

self.addEventListener('fetch', function(event) {
  console.log("Caught a fetch!");
  event.respondWith(new Response("I want to return HTML here"));
});

respondWith 函数可以实现吗？

Answer 1

任何其他想要这样做的人 - 这是答案：

self.addEventListener('fetch', function(event) {
  console.log("Caught a fetch!");
  event.respondWith(
      new Response("<h1>Hello!</h1>", {
        headers: {'Content-Type': 'text/html'}
      })
   )
});

使用服务工作者的获取事件中的字符串创建 HTML 响应

Creating a HTML response using a string inside a service worker's fetch event

html

javascript

service-worker