2018-09-05 08:21:22 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>DOMRect test</title>
|
2019-02-20 08:13:37 +01:00
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
|
<link href="testIcon.svg" type="image/png" rel="icon">
|
|
|
|
|
<link href="testIcon.svg" type="image/png" rel="shortcut icon">
|
2018-09-05 08:21:22 +02:00
|
|
|
<style>
|
|
|
|
|
#iframe {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -2000%;
|
|
|
|
|
}
|
|
|
|
|
.template {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.test {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 1em;
|
|
|
|
|
}
|
|
|
|
|
.test .data table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
}
|
|
|
|
|
.test .data th {
|
|
|
|
|
padding: 0.4em;
|
|
|
|
|
}
|
|
|
|
|
.test .data td{
|
|
|
|
|
border: 1px solid #c7c7c7;
|
|
|
|
|
padding: 0.4em;
|
|
|
|
|
}
|
2019-03-16 00:52:28 +01:00
|
|
|
.test .data td.value {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
.small {
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
color: gray;
|
|
|
|
|
}
|
|
|
|
|
.rectHash {
|
|
|
|
|
font-size: 4px;
|
|
|
|
|
}
|
|
|
|
|
.rectHash:hover {
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
}
|
2018-09-05 08:21:22 +02:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>DOMRect test</h1>
|
|
|
|
|
<iframe id="iframe" src="domRectIFrame.html"></iframe>
|
|
|
|
|
<div id="tests">
|
|
|
|
|
<div class="test">
|
|
|
|
|
<h2 class="title"></h2>
|
|
|
|
|
Hash: <span class="hash"></span><br>
|
|
|
|
|
Data: <span class="data"></span><br>
|
2019-05-04 12:37:19 +02:00
|
|
|
<button class="refresh">refresh</button>
|
|
|
|
|
<button class="performance">measure performance</button>
|
2018-09-05 08:21:22 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="domRectTest.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
