Сегодня мы отправляем визуализации исходной карты! Теперь вы можете перейти в DevTools, найти источник и просмотреть его сопоставления источников.
Визуализация исходной карты полезна для просмотра того, как исходные и сгенерированные источники сопоставляются друг с другом. Визуализация может помочь отследить проблемы в минимизированном коде до исходного кода. Визуализация также может помочь выявить проблемы с точками останова или минимизированными переменными в DevTools.
Исходные карты исторически были темной магией DevTools: мощной, но малопонятной. С ними было трудно начать и невозможно сотрудничать. Тем не менее, они являются неотъемлемой частью современной веб-разработки и областью, где повторы могут действительно помочь. Теперь, когда вы видите проблему на исходной карте, вы можете поделиться повтором с другими, и они смогут увидеть ее и исправить.
Все это было бы невозможно, если бы Эван Уоллес не создал Визуализацию исходной карты. Если у вас есть пять минут, настоятельно рекомендуем посмотреть этот повтор, чтобы увидеть, как визуализация прорисовывается на холсте!
На этой неделе мы хотели бы услышать, какие функции карты исходного кода вы хотели бы видеть в будущем и каковы ваши основные проблемы с картой исходного кода.
