0

I created a React app and would like to convert it to a chrome extension with iframe.

I didn't find any tutorials regarding this matter.

When a user clicks on the extension's icon, I want the extension to be injected as iframe on the right side of the page, overlaying on top of the current page.

Like SimilarWeb extension if someone knows it.

Can someone please explain me how to do it?

Thanks a lot!

user22368560
  • 11
  • 2
  • See [Create iframe using Google Chrome Extension manifest v3](https://stackoverflow.com/a/70870192) – wOxxOm Aug 27 '23 at 10:44
  • @wOxxOm Thanks! Indeed I get an iframe, but unfortunately it is empty. it shows only a small square with nothing in it, and when inspecting it, the body is empty. – user22368560 Aug 27 '23 at 11:04
  • You probably didn't reload the extension after adding web_accessible_resources to manifest.json. Either way, debug it in devtools. – wOxxOm Aug 27 '23 at 12:05
  • @wOxxOm After long investigation, I needed to add the localhost as a src to the iframe, and make sure that it runs. Thank you! – user22368560 Aug 27 '23 at 13:38

0 Answers0