Есть ли быстрый способ переключиться с кода jsx, показанного в инструментах разработчика, на исходный es5 и обратно?Как отключить исходные карты в инструментах разработчика Chrome?
ответ
Вы можете удвоить число нажмите линии, чтобы перейти от исходных файлов unminified выходных файлов. Кроме того, это кажется ограниченным. См. Комментарий ниже.
Я нашел это полезным при разработке. При использовании 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, похоже, понравится sourcemap. Вы можете попробовать несколько строк или разные проекты, но у меня нет никаких лучших предложений. Chrome должен поддерживать это лучше. –
- 1. Ошибка в инструментах разработчика Chrome
- 2. Как увидеть :: выбор в инструментах разработчика Chrome
- 3. Отключить автоматическое сохранение изменений CSS в инструментах разработчика Chrome
- 4. Отключить все запросы в инструментах разработчика Google Chrome
- 5. Угловые не определены в инструментах разработчика Chrome
- 6. Оранжевая подсветка в инструментах разработчика Chrome
- 7. Ems вместо px в инструментах разработчика Chrome?
- 8. Осмотреть переменные js в инструментах разработчика Chrome
- 9. Просмотреть время запроса в инструментах разработчика Chrome
- 10. Дополнительные CSS, появляющиеся в инструментах разработчика Chrome?
- 11. Отладка AngularJS в инструментах разработчика Chrome?
- 12. Показать исходные карты на вкладке сети Chrome
- 13. Можно ли отключить исходные карты для определенных файлов в webpack?
- 14. Как отключить javascript в инструментах разработчика хром программно?
- 15. Как заставить Chrome перезагрузить исходные карты?
- 16. Исходные карты вообще не загружаются
- 17. Как отложить загрузку скриптов/активов в инструментах разработчика Chrome
- 18. Как нажимать на гиперссылку в инструментах разработчика Chrome?
- 19. Как показать путь таблицы стилей в инструментах разработчика Google Chrome?
- 20. Как эмулировать iPod Touch в Инструментах разработчика Google Chrome
- 21. Как программно реплицировать запрос, найденный в инструментах разработчика Chrome?
- 22. Как искать все загруженные скрипты в инструментах разработчика Chrome?
- 23. Как увеличить значения CSS в инструментах разработчика Chrome?
- 24. Как закрыть элемент fancybox в инструментах разработчика Google Chrome?
- 25. Как я могу показать собственные события в инструментах разработчика Chrome
- 26. Как найти вычисленный размер любого элемента в инструментах разработчика Chrome?
- 27. Сохранение отключенных свойств CSS в Инструментах разработчика Chrome
- 28. newline в поиске RegEx в инструментах разработчика Chrome
- 29. Отключить функцию инструментов разработчика Chrome $
- 30. Что такое DOM Node Count в инструментах разработчика инструментов разработчика Chrome Chrome?
Спасибо Я видел. К сожалению, для изменения этой опции требуется обновление до ее вступления в силу. Я надеялся, что будет какой-то способ переключить опцию без обновления. –
Nope. Потому что источники должны быть переинтерпретированы на основе настроек. – Garbee
Спасибо, мне любопытно, почему это необходимо, поскольку он всегда работает под управлением es5 под капотом, а исходное сопоставление просто информирует отладчика о том, какая строка текущего оператора включена в исходном коде? –