Школа
Веб-разработка

Как бороться с багами? Часть третья: source maps

8 окт 2020
👁 6347  
Веб-разработка

Как бороться с багами? Часть третья: source maps

8 окт 2020
👁 6347  
Василий Половнёв
Технический директор бюро
Полезно
 8
8
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

В совете об отслеживании ошибок я не упомянул важный момент: мало автоматически отслеживать ошибки, нужно настроить код так, чтобы он помогал находить и исследовать ошибки в исходном коде.

В современной веб‑разработке программисты пишут код, который трансформируется в код на языке, понятном браузеру. Полученный код дополнительно сжимается, чтобы браузер скачивал меньше. Из‑за этого код, который написал программист, и код, который получил браузер, отличаются:

В коде
В браузере

Чтобы быстрее отлаживать ошибки в таком коде, разработчики придумали source maps — карты, по которым можно восстановить точное место появления ошибки в исходном коде. Включите и настройте их в своём сервисе отслеживания ошибок:

Будет проще и быстрее диагностировать проблемы:

Было
Стало

Ещё по теме

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Полезно
 8
8
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы