Как проверить свой код без сервера? Используем вкладку Network!

Вы написали Fetch-запрос, нажали кнопку, но ничего не происходит или вылетает ошибка? Не гадайте, а посмотрите «под капот»! В этом видео показываю, как с помощью Chrome DevTools проверить, какие данные на самом деле улетают с вашего сайта. В этом клипе: - Сравнение отображения запросов в Firefox и Chrome. - Где искать отправленные данные (вкладка Payload). - Проверяем заголовки: убеждаемся, что отправили application/json. - Почему статус Connection Refused — это нормально, если вы еще не написали бэкенд. 👇 ХОЧЕШЬ НАУЧИТЬСЯ СТРОИТЬ ПОЛНЫЕ ЦИКЛЫ (FRONT + BACK)? 🎓 Полный курс на Udemy (с моей скидкой): https://www.udemy.com/course/backend-nodejs-api/?referralCode=4815C64FC95B2B6CBD7B 🌐 Программа и ТЗ проекта: https://sites.google.com/view/devhotspot/ #javascript #программирование #devhotspot #отладка #fullstack #webdevelopment #chrome #devtools

12+
9 часов назад
12+
9 часов назад

Вы написали Fetch-запрос, нажали кнопку, но ничего не происходит или вылетает ошибка? Не гадайте, а посмотрите «под капот»! В этом видео показываю, как с помощью Chrome DevTools проверить, какие данные на самом деле улетают с вашего сайта. В этом клипе: - Сравнение отображения запросов в Firefox и Chrome. - Где искать отправленные данные (вкладка Payload). - Проверяем заголовки: убеждаемся, что отправили application/json. - Почему статус Connection Refused — это нормально, если вы еще не написали бэкенд. 👇 ХОЧЕШЬ НАУЧИТЬСЯ СТРОИТЬ ПОЛНЫЕ ЦИКЛЫ (FRONT + BACK)? 🎓 Полный курс на Udemy (с моей скидкой): https://www.udemy.com/course/backend-nodejs-api/?referralCode=4815C64FC95B2B6CBD7B 🌐 Программа и ТЗ проекта: https://sites.google.com/view/devhotspot/ #javascript #программирование #devhotspot #отладка #fullstack #webdevelopment #chrome #devtools

, чтобы оставлять комментарии