Зручні функції Chrome DevTools: красивий код і вибір кольору

Продовжимо перелік зручних функцій у DevTools Google , які знадобляться веб-дизайнеру, який хоче добре розуміти, що ж відбувається з його дизайном на сайті.

➡ ➡ ➡ Попередня частина: Зручні функції Chrome DevTools: пошук і фічі, як у Sublime

6. Зберігати логування

Опція зберігати логування (Preserve Log) у вкладці консолі, примусить консоль DevTools зберігати записи журналу замість очищення його при кожному завантаженні сторінки. Це зручно, коли ви хочете, побачити помилки, які з’являються безпосередньо перед тим як сторінка завантажиться.

7. Форматування коду {}

Інструменти розробника Chrome мають вбудований “поліпшувач” коду, який допоможе вам побачити згорнутий код у зручному для читання форматі. Кнопка Pretty Print розташована в нижній лівій частині поточного відкритого файлу на вкладці вихідного коду (Sources).

8. Датчики емуляції пристроїв

Цікава особливість режиму пристроїв – можливість імітації датчиків на мобільних пристроях, таких як сенсорні екрани і акселерометри. Ви можете навіть симулювати географічне розташування. Функція розсташована в нижній частині вкладки Emulation -> Sensors.

9. Вибір кольору

При виборі кольору в редакторі стилів ви можете клацнути по кольоровому прев’ю і з’явиться панель вибору кольору. Коли вибір кольору відкритий, якщо навести курсор на сторінку, вказівник миші перетвориться на лупу для вибору кольору з точністю до пікселя.

Читайте продовження у нашій рубриці “Туторіали“.

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.