Добавление изображения на основе различных сред, в которых развернут код

Question

Требуется добавить водяной знак на все страницы моего приложения.Это делается сейчас, добавляя свойство к контенту в CSS

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

Все страницы в приложении находятся под разделением с идентификатором «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}