根据部署代码的不同环境添加映像

Question

需要在我的应用程序中为所有页面添加水印。现在通过将属性添加到CSS

中的内容来完成此操作

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

应用程序中的所有页面都在ID为“content”

的分区下

（首页是使用 Javascript 和 CSS 开发的）

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

截至目前，我们正在通过更改CSS文件来添加“background-image：url（”watermark_image.GIF“）”仅用于X环境，并保留原样用于其他人。有些情况下，我们忘记添加它，然后就不会有任何水印。

可以在Javascript / CSS中进行任何更改，以便它只显示X环境的水印，这样我们就不必每次进行部署时都手动更改CSS文件吗？或者还有其他方法吗？

Answer 1

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

Answer 2

这取决于您的开发环境。

如果您正在使用MVC框架，只需将它包装在一起即可。以下是播放

的示例

#{if mypackage.Verifyenviroment.isSpecialcase()}
.content {
background-image: url("watermark_image.GIF")
}
#{/if}

或在主标题页中：

#{if mypackage.Verifyenviroment.isSpecialcase()}
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/specialcss.css'">
#{/if}