Iframe in chrome extension #260

kiritjoshidev · 2025-04-05T03:58:16Z

kiritjoshidev
Apr 5, 2025

Hi. In chrome extension, document inside iframe has url "about:srcdoc" instead of chrome runtime url.
Can someone point to what I might be missing here?

Please find relevant code


<Frame
  ref={iFrameRef}
  initialContent={"<!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="icon" type="image/svg+xml" href=${chrome.runtime.getURL("/icon.png")} />
        <style>
          @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,[email protected];300..600&display=swap');
        </style>
        <link href=${chrome.runtime.getURL("assets/main.css")} rel="stylesheet" type="text/css" />
        <title>My app</title>
      </head>
      <body>
        <div id="my-app"></div>
      </body>
    </html>"}
  mountTarget="#my-app"
  src={chrome.runtime.getURL("index.html")}
>
  <div className="extension-content">
    <header>
      {/* Header content here */}
    </header>
    <Status />
    <Home />
  </div>
</Frame>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Iframe in chrome extension #260

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

Iframe in chrome extension #260

Uh oh!

Uh oh!

kiritjoshidev Apr 5, 2025

Replies: 0 comments

kiritjoshidev
Apr 5, 2025