Restructured library.

2019-03-22 12:54:57 +01:00
parent 1bc2deb4d3
commit d1efeeffa6
1912 changed files with 21424 additions and 21383 deletions
@@ -0,0 +1,75 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Doctests Capabilities</title>
+    <link rel="stylesheet" href="../lib/3rdparty/highlight/styles/default.css">
+    <link rel="stylesheet" href="../css/doctest.css">
+    <script src="../lib/3rdparty/highlight/highlight.pack.js"></script>
+    <script type="text/javascript" src="all.js"></script>
+</head>
+<body onload="Doctest.run(); CapabilitiesTests.testAll()">
+<main>
+<h1>
+    Capabilities
+</h1>
+<p>Browsers differ in many aspects, from touch support, support of CSS and HTML5 standards, to
+javascript versions. This page collects some of these differences.
+<h3>
+    User Agent
+</h3>
+<p id="user_agent">
+</p>
+<h3>
+    Device Pixel Ratio
+</h3>
+<p id="device_pixel_ratio">
+</p>
+<h3>
+    Multi Touch Table
+</h3>
+<p id="multi_touch_table">
+</p>
+<h3>
+    Supported Events
+</h3>
+<p id="supported_events">
+</p>
+<script class="doctest">
+
+    Doctest.expect(Capabilities.supportsMouseEvents(), true)
+
+    if (Capabilities.supportsTouchEvents()) {
+        Doctest.expect(Capabilities.supportsTouchEvents(), true)
+    }
+
+    if (Capabilities.supportsPointerEvents()) {
+        Doctest.expect(Capabilities.supportsPointerEvents(), true)
+    }
+</script>
+<h3>
+    Interactive Alerts
+</h3>
+<p>
+    Standard alerts are displayed quite differently, on Windows 10, for instance
+    the browser URL is encluded, and a checkbox that allows to hide the
+    alert dialogs.
+</p>
+<button onclick="alert('Ok'); console.log('Alert')">Alert</button>
+<button onclick="CapabilitiesTests.testConfirm()">Confirm</button>
+<button onclick="CapabilitiesTests.testPrompt()">Prompt</button>
+<p id="demo">
+    Result
+</p>
+<hr />
+
+
+<h2>
+    References
+</h2>
+<ul>
+    <li><a href="http://caniuse.com">Can I use</a></li>
+    <li><a href="http://webglreport.com">WebGL Report</a></li>
+</ul>
+</main>
+</body>