Веб-браузер
Last updated
Last updated
Сучасні браузери мають вбудований потужний набір інструментів для розробників (англ. Developer Tools). Зупинимось на двох важливих і корисних інструментах, які варто розібрати в першу чергу.
Інспектор дозволяє вам побачити, як виглядає HTML на сторінці, а також те, який CSS застосовується до кожного елемента на цій сторінці.
Щоб дослідити конкретний елемент на сторінці, достатно навести на нього курсор миші і натиснути праву клавішу миші. В контекстному меню, що з'явиться, слід вибрати пункт "Перевірити" (англ. Inspect):
За допомогою інспектора можна змінювати HTML і CSS та одразу ж переглядати результати ваших змін в браузері.
Щоб відкрити панель консолі в браузері Chrome, натисніть комбінацію клавіш Ctrl + Shift + J(Windows / Linux) або ж Cmd + Opt + J (Mac OS).
Консоль JavaScript є неймовірно корисним інструментом для пошуку помилок в JavaScript коді, дослідження коду, який не працює як очікується. Це досягається за рахунок того, що помилки та попередження, що виникають на веб-сторінці, виводяться в консоль.
Метод console.log() показує повідомлення в консолі браузера. Наприклад,
виведе в консоль 7.
Якщо потрібно, команди JavaScript можуть бути виконані одразу ж в консолі.
