Using the right approach, we can get past the Chrome inspector’s UI and invoke its internal API directly.

This lets us debug live webpages using JavaScript instead of buttons!

Every iframe gets a complete copy of the JS web environment, down to every prototype chain.

Let’s see what horrifying things can happen when we interact with it!

A synthetic iframe is one that doesn’t have web address. It's filled by its parent page instead.

Let’s take a look at every single way you can create one.

What makes an object a DOM node? Is it the prototype or something else?

The answer turns out to be surprisingly complicated!

Iframes are omnipresent and extremely useful, yet they are also complicated and confusing.

Let’s take a broad look at how they work.

There used to be just one type of script tag, but after decades of web standards development, we have tons of them.

Let’s take a look at every single one!