paraMatrix/src/popup.html

32 行
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<table></table>
<div class="toolbar">
<label>
<input type="checkbox" name="recording">
recording
</label>
<button type="button" name="commit" disabled>Commit</button>
<button type="button" name="reset" disabled>Reset</button>
<button type="button" name="reload" disabled>Reload page</button>
<button type="button" name="settings">Edit rules</button>
</div>
<details>
<summary>Help</summary>
<p>Columns represent different types of requests. Rows represent domains. Numbers (if recording is enabled) show how many requests of a given type the current tab tries to make to the given domain. Grey cells are blocked, blue cells are allowed. Light blue cells inherit rules indirectly because they represent a sub-domain of an allowed domain. Black cells are disabled.</p>
<p>Everything is blocked by default. Click on a cell to allow it, then click reload page to load those assets. Click commit to save the configuration for the current site. Click on the domain or type to allow an entire row or column. Master rows are available for:</p>
<ul>
<li><strong>inline</strong>: Controls <code>&lt;script&gt;</code>-elements that are directly embedded in the HTML code. Categories that cannot be inline are disabled.</li>
<li><strong>first-party</strong>: Sets global defaults for requests to the same domain as the page itself.</li>
<li><strong>sub-domains</strong>: If a domain is allowed, all of its subdomains inhereit that rule.</li>
</ul>
</details>
<script type="module" src="popup.js"></script>
</body>
</html>