Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html>
<head>
<script>
window.top.postMessage(JSON.stringify({
"type": "child-crossorigin-loaded",
"isActive": navigator.userActivation.isActive,
"hasBeenActive": navigator.userActivation.hasBeenActive
}), "*");
window.addEventListener("click", event => {
window.top.postMessage(JSON.stringify({
"type": "child-crossorigin-report",
"isActive": navigator.userActivation.isActive,
"hasBeenActive": navigator.userActivation.hasBeenActive
}), "*");
});
</script>
</head>
<body style="background: lightgreen;">
<!-- The midpoint of this frame should be outside the grandchild frame. -->
<div style="height: 75px;">Cross-origin child frame</div>
<iframe id="child2" width="270px" height="30px"
</iframe>
</body>
</html>