HTML页面改写

以下示例用于页面footer/header的修改。

addEventListener('fetch', (event) => {
  event.respondWith(handle(event));
});

async function handle(event) {
  // 为了简化插入过程，我们使用 transform stream来帮助这个过程

  const {readable, writable} = new TransformStream();
  const request = await fetch('http://www.example.com');
  (async () => {
    await request.body.pipeTo(writable, {preventClose: true});
    // 写入footer
    {
      const writer = writable.getWriter();
      await writer.write('\n\n\n<!----------- 这就是footer哟！----------!>');
      await writer.close();
    }
  })();


  // 2. 返回readable，这个readable读出的数据就是被我们增加了footer的数据了
  return readable;
}