index.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html class="+no-js no-js- no-js i-has-no-js">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Modernizr Test Suite</title>
  6. <link rel="stylesheet" href="qunit/qunit.css">
  7. <style>
  8. body { margin-bottom: 150px;}
  9. #testbed { font-family: Helvetica; color: #444; padding-bottom: 100px;}
  10. #testbed button { margin: 30px; font-size: 13px;}
  11. .data-notes, .offScreen { display:none;}
  12. table { width: 100%;}
  13. tbody tr:nth-child(even) td, tbody tr:nth-child(even) th { border: 1px solid #ccc; border-left: 0; border-right: 0;}
  14. table td:nth-child(even), table th:nth-child(even) { background: #e6e6e6;}
  15. table tbody tr:hover td, table tbody tr:hover th { background: #e1e100!important;}
  16. td.wrong { background:red!important;}
  17. #html5section { visibility: hidden; }
  18. h1 label { display:none;}
  19. .output { padding: 0 0 0 16px;}
  20. .output ul { margin: 0;}
  21. .output li { color: #854747; }
  22. .output li.yes{color:#090;}
  23. .output li b{color:#000;}
  24. .output {font:14px/1.3 Inconsolata,Consolas,monospace;
  25. -webkit-column-count: 5;
  26. -moz-column-count: 5;
  27. column-count: 5;}
  28. .output + .output { border-top: 5px solid #ccc; }
  29. textarea { width: 100%; min-height: 75px;}
  30. #caniusetrigger { font-size: 38px; font-family: monospace; display:block; }
  31. </style>
  32. <script>window.Modernizr || document.write('<script src="../modernizr.js"><\/script>')</script>
  33. <script src="https://raw.github.com/Modernizr/Modernizr/master/modernizr.js"></script>
  34. <script src="js/lib/polyfills.js"></script>
  35. <script src="js/lib/detect-global.js"></script>
  36. <script src="qunit/qunit.js"></script>
  37. <script src="js/lib/jquery-1.7b2.js"></script>
  38. <script src="js/lib/jsonselect.js"></script>
  39. <script src="js/lib/uaparser.js"></script>
  40. <script src="js/lib/github.js"></script>
  41. <script src="js/setup.js"></script>
  42. <script src="js/unit.js"></script>
  43. <script src="js/unit-caniuse.js"></script>
  44. </head>
  45. <body>
  46. <h1 id="qunit-header">Modernizr Test Suite</h1>
  47. <h2 id="qunit-banner"></h2>
  48. <div id="qunit-testrunner-toolbar"></div>
  49. <h2 id="qunit-userAgent"></h2>
  50. <ol id="qunit-tests"></ol>
  51. <div id="mod-output" class=output></div>
  52. <div id="mod-feattest-output" class=output></div>
  53. <br>
  54. <section><aside>this is an aside within a section</aside></section>
  55. <h5>JSON.stringify(Modernizr)</h5>
  56. <textarea></textarea>
  57. <a href="#" id="caniusetrigger"
  58. onclick="return revealreftests(this)"
  59. title="add a #caniuse hash to this page to make this automatic"
  60. >Show the Ref Tests from Caniuse and Modernizr</a>
  61. <script src="js/dumpdata.js"></script>
  62. <script>
  63. function revealreftests(a){
  64. if (!a) a = document.getElementById('caniusetrigger');
  65. a.parentNode && a.parentNode.removeChild(a);
  66. var iframe = document.createElement('iframe');
  67. iframe.src = 'caniuse.html';
  68. iframe.style.cssText = 'width: 100%; height: 7000px; border: 15px double #F0C; \
  69. -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ';
  70. document.body.appendChild(iframe);
  71. return false;
  72. }
  73. if (location.hash.replace(/^#/,'') == 'caniuse'){
  74. setTimeout(revealreftests, 100);
  75. }
  76. </script>
  77. </body>
  78. </html>