[WAF]WAF如何实现页面水印?

[WAF]WAF如何实现网页水印功能?

最近在研究WAF如何实现网页水印这里有一点想法先记录一下。

实现思路

通过nginx在html页面中插入一段水印的代码,例如插入如下代码:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* 示例代码 */
<div class="watermark"></div>
.watermark::before {
  content: "我是水印";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  font-size: 48px;
  color: #ccc;
  pointer-events: none;
}

参考资料