使用 Cloudflare worker 注入 HTML

Question

我正在嘗試使用 HTMLRewriter 將預加載<link>注入我網站上的網頁，但沒有任何反應。

我正在使用的代碼是：

addEventListener("fetch", (event) => {
  event.respondWith(
    handleRequest(event.request).catch(
      (err) => new Response(err.stack, { status: 500 })
    )
  );
});

class ElementHandler {
  element(element) {
    element.append(`<link rel="preload" href="path/to/image.jpg" as="image">`, {html: true});
  }
}

async function handleRequest(req) {
  const res = await fetch(req)
  return new HTMLRewriter().on("head", new ElementHandler()).transform(res)
}

我與 Cloudflare 的某個人進行了交談，他們沒有發現任何問題，但它仍然無法正常工作。 <link > 不存在。

Answer 1

確保您正在點擊的路線已在您的路線部分設置。 可以在您的域 > Workers > Add Route 下找到路由部分

我希望我可以發布一張圖片，但這是我使用您的代碼片段編寫的指南，用於將樣式注入名為 FoundryVTT 的應用程序： https ://dev.to/mbround18/how-to-hijack-your-head-38dn