How would I open about:blank with html code already inside of the page

Question

I was using RammerHead Browser (Proxy) And When I Type In The Target URL And Click "Open AB Cloaked", (Open about:blank cloaked) it will open about:blank with html code visible in the Elements Tab Of Inspect. I was wondering how could I create a HTML Website that can replicate this action with HTML and JavaScript.

I Tried Searching On Google For Half An Hour And Found Absolutely Nothing, I Tried Different Tags To Help But Nothing I Tried Worked, I Want To Make The Redirect Just Have An IFrame On The about:blank, the size of the entire page, thats all. I did find this question Hw do i open a link in js with html code but they want it to open a new tab which is not what I'm looking for

The about:blank page is created by the browser not a website. — Dave S, Jan 23 '23 at 22:12
What's With The Capitalized Words? It's A Little Distracting And Hard To Read. — rainbow.gekota, Jan 23 '23 at 22:26

score 0 · Answer 1 · answered Jan 23 '23 at 22:33

When you call window.open() with no arguments, it automatically opens about:blank on your webpage browser. The value returned can access that opened window, so you can do something like this:

const w = window.open() // access the "about:blank" window you've opened
w.document.body.innerHTML = "<h1>You can add HTML something like this</h1>"
// or access other parts to add more JS or CSS
const style = w.document.createElement("link")
link.href = "/path/to.css"
link.rel = "stylesheet"
w.document.head.appendChild(style)

Note though, that the page you are referencing was automatically created by the browser, but this can be replicated with normal JS.

How would I open about:blank with html code already inside of the page

1 Answers1