Retornar HTML
Construa uma página HTML dentro de uma função e retorne-a com o header content-type correto, sem renderizá-la em um servidor de origem.
Gere uma página HTML completa a partir de uma string e retorne-a diretamente de uma função. Use esse padrão para páginas leves, telas de entrada ou avisos de manutenção que não precisam ser renderizados em um servidor de origem.
Como funciona
A marcação é armazenada em um template literal atribuído à constante html, de modo que toda a página fica dentro da função. Quando o evento fetch é disparado, handleRequest constrói um novo Response com essa string como corpo e define o header content-type como text/html;charset=UTF-8, o que faz o navegador renderizar o conteúdo como página web em vez de texto puro. Em seguida, event.respondWith() retorna a página ao cliente, sem nenhuma requisição a uma origem.
O header content-type é o ponto que mais importa aqui. Sem ele, o navegador não recebe instrução para renderizar o corpo como uma página, então mantenha-o definido sempre que uma função retornar HTML.