Браузер Хром - консоль разработчика. Chrome - DevTools.
Консоль Google Chrome
Консоль разработчика — очень полезный и мощный инструмент при разработке и тестировании веб проектов. Вы можете тестировать CSS, выполнять js код, тестировать его и много другое. Я покажу вам возможности, которые сам часто использую в своей работе. Более подробно возможности панели разработчика Google Chrome вы можете изучить по ссылке. Если вы используете браузер Mozilla Firefox, то для него также есть отличное дополнение — Firebug...
Верстаем на мобильном: отладка сайтов с помощью телефона
DevTools в современных браузерах позволяет переключиться в адаптивный режим и весьма неплохо справляется со своей задачей. Но иногда случается так, что где-то что-то на мобильном выглядит не так, как на десктопе. В таких случаях понять в чём дело, а не тыкать пальцем в небо, поможет инспектирование элементов прямо на мобильном.Рассмотрим варианты для Chrome и Firefox. Для начала, независимо от браузера, нужно подготовить устройства и установить драйвера.+ На этом общие моменты завершены. Теперь посмотрим как подключать телефон и как инспектировать элементы сайта на мобильном...