Tengo un trabajador de servicio, si la red está caída, muestra una respuesta en caché. El HTML del cuerpo está en response.body . Deseo modificarlo para agregar un banner para alertar al usuario de que esta página no es de hecho datos en vivo, sino una página en caché.

¿Hay alguna forma de alterar la página con la manipulación DOM, por ejemplo?

 const reponse = await cache.match(request); const body = await response.text(); document = buildDocument(body); // <- !!! Imaginary desired function const banner = document.getElementById('banner'); banner.innerHTML = "This is a cached page!"; reponse.body = document.innerHTML; return response

Por el momento, supongo que uno podría tener que conformarse con expresiones regulares/reemplazar texto:

 adjusted = body.replace('<span id="banner"></span>', '<span id="banner">This is a cached page!</span>')