为自定义阻止页面的 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>