JS设置水印监听被篡改

169 阅读1分钟
  • 在HTML文件中添加一个用于显示水印的容器元素,比如一个div:

  • 使用CSS对水印容器进行样式设置,使其显示为水印效果,并禁用鼠标事件和选中文本:

  • 使用JavaScript来监听水印容器的变化,如果水印文本被更改,则重新加载水印。这里使用 MutationObserver 来监视水印容器的变化:

需要注意的是,虽然这种方法可以检测水印是否被篡改并重新加载,但并不能完全防止技术高手对页面进行修改。如果对内容的完整性有更高的要求,建议结合服务器端验证和数字签名等更强大的保护措施来确保网页的安全性。