x
 
Василий
8 октября 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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


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

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

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

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

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

Было
Стало

Ещё по теме

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

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Насколько уместно использование ЦСС-стилей cursor: default и user-select: none 2 Как искать баланс между пользой для команды и пользой для себя? 1 Как бороться с багами? Часть одиннадцатая: не утонуть в багах и глюках Как организовать процесс сдачи задачи и код-ревью в рамках спринта?




Недавно всплыло

Как придумать название для сервиса, который станет знаменитым? 2 7 Каким должно быть ресторанное меню на сайте? 1 Я возьму интервью, а потом мы адаптируем информацию в формат статьи 1