You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.3 KiB
105 lines
3.3 KiB
7 years ago
|
<!DOCTYPE html>
|
||
|
|
<html class="+no-js no-js- no-js i-has-no-js">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Modernizr Test Suite</title>
|
||
|
|
<link rel="stylesheet" href="qunit/qunit.css">
|
||
|
|
<style>
|
||
|
|
body { margin-bottom: 150px;}
|
||
|
|
#testbed { font-family: Helvetica; color: #444; padding-bottom: 100px;}
|
||
|
|
#testbed button { margin: 30px; font-size: 13px;}
|
||
|
|
.data-notes, .offScreen { display:none;}
|
||
|
|
table { width: 100%;}
|
||
|
|
tbody tr:nth-child(even) td, tbody tr:nth-child(even) th { border: 1px solid #ccc; border-left: 0; border-right: 0;}
|
||
|
|
table td:nth-child(even), table th:nth-child(even) { background: #e6e6e6;}
|
||
|
|
table tbody tr:hover td, table tbody tr:hover th { background: #e1e100!important;}
|
||
|
|
td.wrong { background:red!important;}
|
||
|
|
#html5section { visibility: hidden; }
|
||
|
|
h1 label { display:none;}
|
||
|
|
.output { padding: 0 0 0 16px;}
|
||
|
|
.output ul { margin: 0;}
|
||
|
|
.output li { color: #854747; }
|
||
|
|
.output li.yes{color:#090;}
|
||
|
|
.output li b{color:#000;}
|
||
|
|
.output {font:14px/1.3 Inconsolata,Consolas,monospace;
|
||
|
|
-webkit-column-count: 5;
|
||
|
|
-moz-column-count: 5;
|
||
|
|
column-count: 5;}
|
||
|
|
.output + .output { border-top: 5px solid #ccc; }
|
||
|
|
textarea { width: 100%; min-height: 75px;}
|
||
|
|
#caniusetrigger { font-size: 38px; font-family: monospace; display:block; }
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
<script>window.Modernizr || document.write('<script src="../modernizr.js"><\/script>')</script>
|
||
|
|
|
||
|
|
<script src="https://raw.github.com/Modernizr/Modernizr/master/modernizr.js"></script>
|
||
|
|
|
||
|
|
<script src="js/lib/polyfills.js"></script>
|
||
|
|
<script src="js/lib/detect-global.js"></script>
|
||
|
|
|
||
|
|
<script src="qunit/qunit.js"></script>
|
||
|
|
<script src="js/lib/jquery-1.7b2.js"></script>
|
||
|
|
|
||
|
|
<script src="js/lib/jsonselect.js"></script>
|
||
|
|
<script src="js/lib/uaparser.js"></script>
|
||
|
|
<script src="js/lib/github.js"></script>
|
||
|
|
|
||
|
|
<script src="js/setup.js"></script>
|
||
|
|
|
||
|
|
<script src="js/unit.js"></script>
|
||
|
|
<script src="js/unit-caniuse.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 id="qunit-header">Modernizr Test Suite</h1>
|
||
|
|
<h2 id="qunit-banner"></h2>
|
||
|
|
<div id="qunit-testrunner-toolbar"></div>
|
||
|
|
<h2 id="qunit-userAgent"></h2>
|
||
|
|
|
||
|
|
<ol id="qunit-tests"></ol>
|
||
|
|
|
||
|
|
<div id="mod-output" class=output></div>
|
||
|
|
<div id="mod-feattest-output" class=output></div>
|
||
|
|
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<section><aside>this is an aside within a section</aside></section>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h5>JSON.stringify(Modernizr)</h5>
|
||
|
|
<textarea></textarea>
|
||
|
|
<a href="#" id="caniusetrigger"
|
||
|
|
onclick="return revealreftests(this)"
|
||
|
|
title="add a #caniuse hash to this page to make this automatic"
|
||
|
|
>Show the Ref Tests from Caniuse and Modernizr</a>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="js/dumpdata.js"></script>
|
||
|
|
<script>
|
||
|
|
function revealreftests(a){
|
||
|
|
|
||
|
|
if (!a) a = document.getElementById('caniusetrigger');
|
||
|
|
a.parentNode && a.parentNode.removeChild(a);
|
||
|
|
|
||
|
|
var iframe = document.createElement('iframe');
|
||
|
|
iframe.src = 'caniuse.html';
|
||
|
|
iframe.style.cssText = 'width: 100%; height: 7000px; border: 15px double #F0C; \
|
||
|
|
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ';
|
||
|
|
document.body.appendChild(iframe);
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (location.hash.replace(/^#/,'') == 'caniuse'){
|
||
|
|
setTimeout(revealreftests, 100);
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|