为自定义阻止页面的 HTML 和 CSS 定义格式和样式建议。
CSS
可以使用外部文件、页内 <style>...</style> 标记或内嵌 style 属性附加 CSS 规则。
不过，建议使用 <style>...</style> 标记，因为它：
- 将标记与样式明确分开。
- 生成更清晰的 HTML 标记并且易于维护。
- 可以使用选择器更高效地将规则应用于页面上的多个元素，从而改进管理并缩小页面大小。
- 浏览器可以缓存该标记以提高性能。
- 避免策略阻止外部资源而无法正确显示。
映像
对于图像，支持 CSS background 或 <img> 标记（通过具有 JPG、PNG 或 SVG 的 Base64）。
一般情况下，Base64 文件大小要大 37%，考虑到存在由于策略而不加载外部图像的风险，使用 Base64 可以防止这种情况，因此建议使用 Base64。
要转换为 Base64，可以使用 b64.io 等在线服务进行转换并提供编码的结果。
以下是 <img> 标记 src 属性和 CSS background-image 属性的 Base64 用法的一些示例：
src="data:image/png;base64,iVBORw0KGgoAhEUgAAA ... FTkSuQmCC"background-image: url(data:image/png;base64,iVBORw0KGgoAAAA ... uQmCC);
变量
以下变量列表可用于显示用户浏览信息：
| 变量 | 描述 | 可用性 |
|---|---|---|
| user | 用户 ID | Web 和电子邮件阻止页面 |
| categories | 阻止的页面的类别 | Web 和电子邮件阻止页面 |
| url | 阻止的页面的 URL | Web 和电子邮件阻止页面 |
| top_threat | 阻止的页面的威胁 | 仅限电子邮件阻止页面 |
| threat_details | 威胁的详细描述 | 仅限电子邮件阻止页面 |
| block_message | DLP 规则中定义的用户通知 | 仅 DLP 阻止页面 |
| block_files | 违反 DLP 规则的文件的逗号分隔列表 | 仅 DLP 阻止页面 |
| block_app | 被阻止的应用程序的名称 | 仅 DLP 阻止页面 |
可以使用双大括号将变量直接包含到 HTML 代码中。
<strong>{{categories}}</strong>
