javascript - 根据部署代码的不同环境添加图像

Question

我的应用程序中的所有页面都需要添加水印。现在通过将属性添加到 CSS 中的内容来完成

.content {
background-image: url("watermark_image.GIF")
}

应用中的所有页面都在id为“content”的div标签下

(首页是使用Javascript和CSS开发的)

这工作正常，水印显示正确。只有在部署到特定环境(比如 X)时才需要这样做。对于所有其他人，不应显示此水印。

截至目前，我们通过更改 CSS 文件以仅针对 X 环境添加“background-image: url("watermark_image.GIF")”来实现此目的，而对于其他环境则保持原样。在某些情况下，我们忘记添加它，然后就不会有任何水印。

是否可以在 Javascript/CSS 中进行任何更改，使其只显示 X 环境的水印，这样我们就不必在每次部署时手动更改 CSS 文件？还是有其他办法解决？

Answer 1

您可以使用 window.location 检查当前域并相应地切换水印类。