You need to enable JavaScript to run this app.
导航
HTML页面改写
最近更新时间:2024.05.31 17:48:07首次发布时间:2023.02.15 19:04:51

您可以使用边缘函数对HTML页面进行改写,并将改写后页面作为响应返回给客户端。以下代码以如何为HTML页面添加页脚为例。

示例代码

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

// 定义一个异步函数handle用于处理请求
async function handle(event) {

  // 创建一个可读写的TransformStream对象
  const {readable, writable} = new TransformStream();
  
  // 异步获取'http://www.example.com'的请求内容
  const request = await fetch('http://www.example.com');
  
  // 异步将请求内容写入可写流中,并在内容末尾添加一个注释作为页脚
  (async () => {
    await request.body.pipeTo(writable, {preventClose: true});
    {
      const writer = writable.getWriter();
      await writer.write('\n\n\n<!----------- 这就是footer哟!---------->');
      await writer.close();
    }
  })();


  // 将可读流作为Response对象的内容返回
  return new Response(readable);
}

示例预览

图片