На цьому тижні Mozilla оголосила про нові оновлення для Firefox DevTools, Ваш інструмент розробки для вивчення, модифікації та налагодження HTML, CSS та JavaScript на комп’ютерах або мобільних пристроях.
Оновлення, про які анонсувала команда Firefox DevTools, в основному стосуються налагодження за допомогою Firefox DevTools і вони прагнуть забезпечити більшу надійність та продуктивність для розробників, особливо при створенні сучасних веб-додатків.
За допомогою цього нового оновлення, Mozilla пообіцяла користувачам Firefox 67 і новіших версій надійний досвід налагодження.
Налагодження сценаріїв - одна з найпотужніших і найскладніших функцій продуктивності в DevTools.
Оновлена версія Firefox DevTools для Firefox 67 дозволяє розробникам отримати більшу швидкість та надійність процесу налагодження та покращити його продуктивність.
Що нового у Firefox DevTools?
На думку команди Firefox DevTools, lнові функції DevTools обертаються навколо чотирьох ключових моментів, в тому числі
- Найшвидший час зарядки
- Перероблена підтримка вихідної карти
- Зменшення накладних витрат, коли налагоджувач не націлений
- Виправлено деякі проблеми, пов’язані з відсутніми точками зупинки, неправильними перериваннями сценарію та багатьма іншими.
DevTools Firefox на 30% швидше відкривається
Час відкриття налагоджувача тепер на 30% швидший за попередні версії. Команда DevTools Firefox пояснила це Вони усунули найгіршу продуктивність, яку спричинив налагоджувач повільно відкрив, що показало після тестів продуктивності, що відладчик тепер на 30% швидший.
Покращена вихідна карта
Тоді команда сказала це оновлене та швидше джерело-карта джерела створює ілюзію, що ви налагоджуєте свій код, а не скомпільований результат Babel, Webpack, TypeScript, view.js тощо.
Карта-джерело - це файл, за допомогою якого налагоджувач може зв’язати виконаний код із вихідними файлами, що дозволяє браузеру відновити вихідне джерело та відобразити його у налагоджувачі.
Створення правильних джерел карт може бути важким, пояснила команда, яка розробила інструменти (Babel, Vue.js та ін.) На благо всієї екосистеми.
Завдяки швидшій підтримці вихідної карти (та іншій додатковій роботі) попередній перегляд тепер відображається набагато швидше при наведенні курсора на змінну, коли виконання призупинено.
Крім того, комбінуючи джерела карт із синтаксичним аналізатором Бабеля, налагоджувач firefox - тепер ви можете переглянути попередні змінні, що вас цікавлять і приховувати непотрібну інформацію від компіляторів та пакетів.
Він навіть може працювати на консолі, автоматично вирішуючи дружні ідентифікатори на їх справжні деталізовані імена у фоновому режимі. Через його продуктивність, ви повинні ввімкнути цю функцію окремо, встановивши прапорець "Карта" на панелі "Області" налагоджувача.
Крім того, що, У цьому оновленні Firefox DevTools було виправлено багато давніх помилок в архітектурі налагоджувача вирішення деяких найпоширеніших і неприємних проблем, пов’язаних з відсутністю точок зупинки та порушенням неправильного сценарію.
Інструмент також був вдосконалений, щоб дозволити розробникам JavaScript налагоджувати більш прозоро.
Так само, як пояснила команда DevTools Firefox, веб-розробники сьогодні використовують сучасний Інтернет і повинні мати змогу скористатися концепціями світового класу в DevTools.
Використовуючи нову панель Threads, ви можете переключатися між різними контекстами виконання та призупиняти їх самостійно. Це дозволяє налагоджувати сценарії на тій самій панелі налагоджувача, так само, як і інші сучасні браузери.
Незважаючи на це, деякі вважають, що інструмент веб-розробки Firefox все ще відстає від Chrome.
На їх думку, деякі функції Firefox DevTools, які ви бачите в Chrome DevTools, досі відсутні, наприклад, налагодження веб-сокетів.
Пам'ятайте, Chrome DevTools - це набір інструментів веб-розробки, інтегрованих безпосередньо в браузер Google Chrome.