​Chrome Dev Tools. Тестирование

Рано или поздно каждый начинающий разработчик сталкивается с тем, что код надо тестировать. Надо экспериментировать с цветами, подгонять макет под Pixel Perfect, смотреть значение переменной. Отлично помогает в этом стандартное решение для дебаггинга - Chrome Dev Tools.

Для того, чтобы им воспользоваться, достаточно открыть любой сайт в Chrome и нажать F12. Вы увидите, как выглядит ваш сайт изнутри, и можете слегка испугаться. Чтобы легче разобраться, загляните за пояснениями сюда. А если вы уже профи в этом инструменте, то узнать что-то новое всегда можно в официальной документации.

Конечно, у других браузеров (Safari, Mozilla) существуют подобные решения. Однако, самым популярным и удобным до сих пор остается вариант от Chrome.