У цьому посібнику ти ознайомишся з інструментами розробника Microsoft Edge, які у багатьох відношеннях схожі на інструменти розробника Google Chrome. Ти дізнаєшся, як відкривати та ефективно використовувати ці інструменти, а також різницю між ними двома.
Основні висновки
Інструменти розробника Edge мають майже ідентичний інтерфейс з інструментами розробника Chrome, коли мова йде про основні функції. Відмінності полягають передусім в інтерфейсі та кількох додаткових функціях, в той час як основні інструменти та швидкі клавіші залишаються практично незмінними.
Посадовий посібник
Для відкривання інструментів розробника Edge у тебе є кілька варіантів. Один зі способів - натискання F12. Якщо ви користуєтеся Mac, то можете використовувати комбінацію клавіш Command + Option + I. Користувачі Windows також можуть скористатися комбінацією Control + Shift + I. Щоб відкрити інструменти розробника через контекстне меню, клацніть правою кнопкою миші на заголовку веб-сторінки та виберіть "Досліджувати".
Інтерфейс інструментів розробника Edge буде тобі відомий, якщо ти вже працював з інструментами розробника Chrome. Там є вкладки, значки виглядають трохи по-іншому, а додаткові інструменти доступні за допомогою символу "Плюс" у верхній панелі. В Chrome ці додаткові інструменти були зроблені доступними через головне меню.
Якщо ти хочеш додати нову вкладку до інструментів розробника Edge, просто клацни на плюс. Так, наприклад, ти можеш додати інструмент анімації. З'явиться він у верхній частині панелі вкладок, схоже на Chrome-інструменти розробника.
Також наявна вкладка "Ласкаво просимо", схожо на сторінку "Що нового" у Chrome. Тут можна отримати огляд функцій інструментів розробника. Я рекомендую приглянути цю вкладку, щоб виявити, можливо, корисні поради та трюки, які ми ще не розглянули у курсі.
Ще одна корисна функція інструментів розробника Edge - можливість змістити панель вкладок зліва. Це дозволяє вертикальне розташування вкладок. Значки тоді відображаються як підказки, що зберігає місце та надає більше простору для самі інструментів.
Самі інструменти дизайну можна модифікувати за допомогою різних налаштувань, які схожі на налаштування Chrome. Ти можеш налаштувати розгортувальні меню, документацію та панель активності. Таким чином, ти зберігаєш звичні умови роботи.
Однією з небагатьох відмінностей є додатковий символ для Azure DevOps у інструментах Edge, якого немає в Chrome. Це особливо корисно для розробників, які працюють в середовищі Azure.
Як тільки ти опинишся в відповідних вкладках, ти відчуєш, що структура та функції в обох інструментах майже ідентичні. Ти можеш використовувати стилі, розраховані макети та все інше, на що ти звик у Chrome, також в Edge.
Оновлення функцій можуть трохи відрізнятися. Якщо Chrome додає нову функцію, можливо, ця функція в Edge буде доступна трохи пізніше або навпаки. Тому рекомендується регулярно перевіряти, які нові можливості додаються в різних інструментах.
Отже, це було все, що тобі потрібно знати про інструменти розробника Edge. Якщо ти вже знайомий з інструментами розробника Chrome, ти швидко зорієнтуєшся в інструментах розробника Edge.
Підсумок
У цьому посібнику ти дізнався про схожості та відмінності між інструментами розробника Google Chrome та Microsoft Edge. Тепер ти знаєш, як відкривати інструменти та які функції доступні, щоб ефективно працювати над своїми веб-проектами.
Часті запитання
Як відкрити інструменти розробника Microsoft Edge?Натисніть F12 або використовуйте комбінацію Control + Shift + I на Windows.
Чи є великі відмінності між Edge та Chrome Developer Tools?Відмінності невеликі, головним чином в інтерфейсі користувача та деяких додаткових функціях.
Чи можна налаштувати панель вкладок в Edge?Так, натиснувши на плюс-символ, ви можете додавати нові вкладки і переміщати панель вкладок вліво.
Чи подібні в Edge ярлики, як в Chrome?Так, більшість ярликів ідентичні.
Чи вводитиме Microsoft Edge майбутні оновлення?Так, проте функціонал може незначно затримуватися у порівнянні з Chrome.
