Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<head>
<style>
@view-transition {
navigation: auto;
}
</style>
<script id="blocker" async src="common.js?pipe=trickle(d10)" blocking="render"></script>
<script src="/resources/testharness.js"></script>
<script>
const params = new URLSearchParams(location.search);
const bc_channel = new BroadcastChannel(params.get("channel"));
window.addEventListener("pagereveal", e => {
if (params.get("phase") === "old") {
bc_channel.postMessage(`did reveal old page`);
} else {
bc_channel.postMessage(`did reveal new page ${e.viewTransition ? "with" : "without"} transition`);
}
});
if (params.get("phase") === "new") {
document.getElementById("blocker").remove();
} else {
step_timeout(() => {
location.href = `?phase=new&channel=${bc_channel.name}`;
}, 100);
}
</script>
</head>
<body>
Content
</body>