Вимкніть вихідні карти в Chrome DevTools

103

Чи є швидкий спосіб перейти з коду jsx, показаного в Chrome DevTools, на вихідний ES5 і назад?

Відповіді:

154

Відкрийте Інструменти розробника, перейдіть до «Налаштування» для Інструментів розробника, а потім зніміть прапорець Enable JavaScript Sourcemapsу розділі «Джерела».

— Гарбі
джерело

Дякую, я це побачив. На жаль, зміна цього параметра вимагає оновлення до набрання чинності. Я сподівався, що буде якийсь спосіб перемкнути опцію без оновлення.

— Джек Аллан,

Ні. Оскільки джерела потрібно переосмислювати, виходячи з налаштування.

— Гарбі

Дякую, мені цікаво, чому це потрібно, оскільки, безумовно, він завжди запускає 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

Idk. Здається, це робиться лише інколи. І лише в тому випадку, якщо Chrome, здається, подобається вихідна карта. Ви можете спробувати кілька різних рядків або різні проекти, але у мене насправді немає кращих пропозицій. Chrome повинен це краще підтримувати.

— Скотті Вагонер,