So I have an input where the user can type any url, and I want to render that webpage in my own javascript application. (render a website inside other website, basically)

So I have an input where the user can type any url, and I want to render that webpage in my own javascript application. (render a website inside other website, basically)

When doing a CORS request using either fetch or XMLHttpRequest, some headers are missing from the response.

I would like to make an application that runs a different site inside my domain, and routes all traffic through a middleman server which then sends the traffic to the intended target. However, I am struggling to find a way to catch all traffic from the site. The best solution I could find uses service workers to capture all HTTP requests (requests made using the Fetch API) with FetchEvent, but that doesn’t include stuff like transmissions along a WebSocket. Is there anything I’m missing or doing wrong?

When I use window.open to open a site which redirects to my site, it results in only showing the background color of the body but without any visible content. The content loads but it’s not visible until I resize the page.

I have a website on it with 7 tabs with each floor of the building and 7 QR codes with a link to each floor, when you scan the code on a certain floor, a map of a certain floor opens and I need to display the movement on this very map relative to the QR code that the user scanned