Консоль розробника chrome як користуватися

Що буде, якщо натиснути F12 у браузері?

У більшості браузерів, що працюють під Windows, інструменти розробника можна відкрити, натиснувши F12. У Chrome для Mac використовуйте комбінацію Cmd+Opt+J , Safari: Cmd+Opt+C (необхідне попереднє включення «Меню розробника»). Збережена копіяПохожі

Як користуватись Chrome Developer Tools?

Ось як це зробити за допомогою DevTools:

1. Наводимо курсор на елемент, який ми хочемо змінити.
2. Клацаємо правою кнопкою і вибираємо "Подивитися код" – відкриється вкладка Elements.
3. Браузер підсвічує елемент і показує, який за нього код відповідає.
4. А далі справа за нами — десь кольори докрутити, десь поміняти обведення.