Как отличать локальный сайт от production?

Бывает такое, что путаешь свою версию сайта с той, что работает в миру? Например, если они открыты в соседних вкладках браузера? Эта проблема решается ровно одной строчкой в конфиге Apache:

AliasMatch ^/favicon\.ico$ "/location/of/dev_favicon.ico"

После этого (и при включенном mod_alias, как это обычно бывает) у всех локальных сайтов будет одна и та же фавиконка. Я ее сделал красной: .

Еще можно подменять им стили с помощью Stylish, типа:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("localhost") 
{
  html {border: solid 5px red !important} /* сложно не заметить толстую красную рамку */
}

Тоже работает. Но придется для каждого сайта (домена) прописывать отдельно. Если только ты не размещаешь все dev-сайты в какой-нибудь особенной доменной зоне – я, например, привык класть их в .dev. Тогда вообще все просто – заменяешь в стиле localhost на dev и стиль подхватывается на всех сайтах.

Понравился пост? Купи мне кофе