summaryrefslogtreecommitdiff
path: root/data/extensions/jsr@javascriptrestrictor/fp_report.html
blob: a593e9e9428b0b64bfbf926b86bf747c9bab8a0b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<!--
SPDX-FileCopyrightText: 2022 2021 Marek Saloň

SPDX-License-Identifier: GPL-3.0-or-later
-->
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="common.css">
	<link rel="stylesheet" type="text/css" href="fp_report.css">
	<script src="/nscl/lib/browser-polyfill.js" type="text/javascript"></script>
	<script src="i18n_translate_dom.js" type="text/javascript" defer></script>
	<script src="fp_report.js" type="text/javascript" defer></script>
	<title data-localize="FPDReportTitle">JShelter FPD report</title>
</head>
<body>

	<header>
		<div>
			<h3 id="titletext" data-localize="FPDReportTitle">
				FingerPrint Detector Report
			</h3>
			<p class="description hidden" data-localize="FPDReportDescriptionPara1">
				This report lists all JavaScript API endpoints that were accessed by the web page and are considered critical in terms of browser fingerprinting.
				Fingerprint Detector (FPD) uses this data to decide whether the page is collecting a browser fingerprint.
			</p>
			<p class="description hidden" data-localize="FPDReportDescriptionPara2" htmltranslation>
				FPD processes API calls in groups based on their semantic properties. This window shows the detected number of API calls on the visited page.
				The default view shows only groups accessed at least once. This way the report can be empty if the page did not access any fingerprintable API. 
				If you want to see all APIs monitored by FPD, click <span id="unhideAll">here</span>.
			</p>
			<p class="description hidden" data-localize="FPDReportDescriptionPara3" htmltranslation>
				You can export full FPD Report that contains all the data collected and used by FPD to evaluate the page. This comprehensive report
				shows the current weights assigned to the groups/endpoints (<i>fpd_evaluation_statistics</i>). It also lists all accessed API endpoints
				with corresponding arguments (<i>fpd_access_logs</i>).
			</p>
			<div id="page-container">
				<img id="pageFavicon">
				<h5 id="report-url"></h5>
			</div>
		</div>
		<img class="logo" id="logo" src="../img/icon-128.png" alt="JShelter logo" />
	</header>

	<div id="fpd-report-container">
		<button id="showBtn" class="sticky-button" data-localize="FPDReportShowDetails">Show details</button>
		<button id="hideBtn" class="sticky-button hidden" data-localize="FPDReportHideDetails">Hide details</button>
		<button id="exportBtn" class="sticky-button" data-localize="FPDReportExportJSON">
			Export full FPD Report as JSON
		</button>
		<button id="trackCallersBtn" class="sticky-button" data-localize="FPDReportTrackCallers">Track callers</button>
		<button id="forgetCurrentBtn" class="sticky-button hidden" data-localize="FPDReportForgetTraces">Forget</button>
		<button id="updateReportBtn" class="sticky-button hidden" data-localize="FPDReportRefresh">Update</button>
		<span class="alert" id="fpdError"></span>
		<div id="fpd-report">
		</div>
	</div>
</body>

</html>