1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47


content / test / data / fullscreen_frame.html [blame]

<!DOCTYPE html>
<html>
<head>
<script>

var expectedWidth, expectedHeight;

function onResize() {
  if (window.innerWidth == expectedWidth && window.innerHeight == expectedHeight) {
    domAutomationController.send("resize");
    removeResizeListener();
  }
}

function addResizeListener(width, height) {
  expectedWidth = width;
  expectedHeight = height;
  window.addEventListener('resize', onResize);
}

function removeResizeListener() {
  window.removeEventListener('resize', onResize);
}

function activateFullscreen() {
  document.getElementById("fullscreen-div").webkitRequestFullscreen();
}

function exitFullscreen() {
  document.webkitExitFullscreen();
}

</script>
</head>
<body>

<div>This page contains a div that will go fullscreen</div>

<div id="fullscreen-div" style="border: 1px solid black;">
  This div will go fullscreen
</div>

<iframe id="child-0" srcdoc="This should not go fullscreen"></iframe>

</body>
</html>