Navigation playground

Open the console to see what `navigate` events are fired. Related PR

Links

• [download]
• [target="_blank"]

Buttons

• history.pushState(null, null, "./new-page")
• history.replaceState(null, null, "./other-page")
• history.back()
• history.forward()
• location.reload()

Edge cases

Each case is a way to leave, reload or navigate this tab. Use it to check what a recording extension does: start a recording on this page, run one case, then tick what happened. The event log survives the navigation, so after a reload it shows what this page saw before it left. Run cases that end the recording in a fresh recording each time.

Event log

Frames

Same-origin child frame (cases D1–D3, D6–D7):

Cross-origin child frame (sandboxed srcdoc, opaque origin — case D4):