fune/toolkit/components/resistfingerprinting/content/usercharacteristics.html

226 lines
5.3 KiB
HTML

<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at https://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
http-equiv="Content-Security-Policy"
content="default-src data: resource:; style-src-elem chrome:; object-src 'none'; script-src chrome:"
/>
<title>about:fingerprinting</title>
<link
href="chrome://global/content/usercharacteristics/usercharacteristics.css"
rel="stylesheet"
type="text/css"
/>
</head>
<body>
<div id="test_canvases">
<h2>Test Canvases</h2>
<div>
<h3>Canvas 1</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas1"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas1data" id="canvas1data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 2</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas2"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas2data" id="canvas2data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 3</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas3"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas3data" id="canvas3data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 4</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas4"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas4data" id="canvas4data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 5</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas5"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas5data" id="canvas5data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 6</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas6"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas6data" id="canvas6data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 7</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas7"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas7data" id="canvas7data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 8</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas8"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas8data" id="canvas8data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 9</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas9"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input type="text" name="canvas9data" id="canvas9data" readonly />
</td>
</tr>
</table>
</div>
<div>
<h3>Canvas 10</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="canvas10"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input
type="text"
name="canvas10data"
id="canvas10data"
readonly
/>
</td>
</tr>
</table>
</div>
<div>
<h3>WebGL Canvas</h3>
<canvas
class="testcanvas"
width="250"
height="250"
id="glcanvas"
></canvas>
<table>
<tr>
<td>ImageData:</td>
<td>
<input
type="text"
name="glcanvasdata"
id="glcanvasdata"
readonly
/>
</td>
</tr>
</table>
</div>
</div>
<script src="chrome://global/content/usercharacteristics/gl-matrix.js"></script>
<script src="chrome://global/content/usercharacteristics/usercharacteristics.js"></script>
</body>
</html>