Отключить исходные карты в Chrome DevTools

103

Есть ли быстрый способ переключиться с кода jsx, показанного в Chrome DevTools, на исходный ES5 и обратно?

Ответы:

156

Откройте Инструменты разработчика, перейдите в «Настройки» для Инструментов разработчика, затем снимите флажок в Enable JavaScript Sourcemapsразделе «Источники».

— Гарби
источник

Спасибо, я это видел. К сожалению, изменение этого параметра требует обновления, прежде чем оно вступит в силу. Я надеялся, что есть способ переключить эту опцию без обновления.

— Джек Аллан,

Неа. Потому что источники необходимо интерпретировать заново в зависимости от обстановки.

— Garbee

Спасибо, мне любопытно, почему это необходимо, ведь он всегда запускает es5 под капотом, а сопоставление источников просто информирует отладчик о том, на какой строке находится текущий оператор в исходном коде?

— Джек Аллан,

Для тех, кто пытается найти эти настройки, как я, см. Это: i.imgur.com/9aMlBfg.png

— joshcomley

Я только что попробовал это, и, похоже, это дает немедленный эффект, т.е. обновление страницы больше не требуется.

— Джексон

Вы можете дважды щелкнуть номера строк, чтобы перейти от исходных файлов к неминифицированным выходным файлам. В остальном это кажется ограниченным. См. Комментарий ниже.

Я нашел это полезным во время разработки. При использовании webpack-dev-server(или некоторых других инструментов) без минимизации js вы можете дважды щелкнуть по номерам строк в исходных файлах, чтобы перейти к скомпилированному, но не минифицированному выходному файлу.

Я обнаружил это случайно, а затем нашел этот комментарий от 21 декабря 2016 г .: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

Вы можете дважды щелкнуть номер строки, чтобы перейти к исходному файлу, но это бесполезно, если из минифицированного файла удалены все символы новой строки :(

Перенос слов сделает эту работу лучше https://bugs.chromium.org/p/chromium/issues/detail?id=167287

Я думаю, что была некоторая поддержка двойного щелчка по разделу минифицированного файла для перехода в исходный сопоставленный файл, но, похоже, в последнее время это уменьшилось.

В идеале в минифицированном файле с исходной картой щелчок правой кнопкой мыши (или двойной щелчок) в любом месте минифицированного файла должен позволять переход к этому точному файлу, строке и столбцу.

— Скотти Ваггонер
источник

Когда я дважды щелкаю номер строки, он добавляет, а затем удаляет точку останова. Я что-то упускаю?

— emclain

Идк. Только кажется, что он делает это изредка. И только если кажется, что Хрому нравится исходная карта. Вы можете попробовать несколько разных строк или разные проекты, но у меня нет лучших предложений. Chrome должен поддерживать это лучше.

— Скотти Ваггонер