На вкладці Preview завжди виконується базовий рендеринг HTML. Він не призначений для повного браузера, тому він може не відображати HTML так, як ви очікуєте. Якщо хочете побачити код HTML, відкрийте вкладку Response або клацніть правою кнопкою миші ресурс і виберіть Open in Sources panel.Mar 21, 2561 BE
Network – Тут можна, можливо відстежити все, що стосується завантаження вашого сайту: файли, їх розмір, швидкість завантаження, тип запиту до сайту, його внутрішні частини тощо. Загалом, будь-який запит, який робить ваш сайт, відображається у цій вкладці.
Chrome DevTools – це набір інструментів, вбудованих у браузер Google Chrome, для створення та налагодження сайтів. З їхньою допомогою можна, можливо переглядати вихідний код сайту, налагоджувати роботу frontend: HTML, CSS та JavaScript. Також DevTools дозволяє перевіряти мережевий трафік, швидкодію сайту та багато іншого.
Вкладка Elements (Елементи). На ній представлено кінцевий код HTML сторінки, який відрізняється від вихідного. Будь-які елементи HTML, створені або змінені за допомогою JavaScript під час завантаження сторінки, будуть відображені в кінцевому коді HTML. Вихідний код залишиться без змін.