Любой способ разделения длинных JavaScript при отладке в Chrome Developper Tools

Question

Недавно мне пришлось отладить некоторые JavaScript с веб-сайта, на котором размещено около 70 JavaScript файлов. Но некоторые файлы появляются только в одной строке в Google Chrome Developer Tools, но размер таких файлов превышает 1 МБ.

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

Я хочу знать, есть ли что-то вроде расширения Chrome или что-то встроенное в Chrome Developer Tools, чтобы онлайн-файл JavaScript выглядел лучше. Например, сделайте указанный выше файл JavaScript из одной строки в 36 000 строк, чтобы я мог легко его отладить.

Кстати, не все файлы JavaScript выглядят некрасиво с одного и того же веб-сайта, некоторые JavaScript файл, я вижу, что при отладке сотни строк, что гораздо лучше сделать в одной строке.

Answer 1

Если вы хотите предварительно подтвердить исходный файл, просто нажмите кнопку {} в левом нижнем углу, как показано на рисунке ниже (красный квадрат):

Кстати, не все файлы JavaScript выглядят безобразно на одном и том же веб-сайте, некоторые файлы JavaScript, я вижу, что при отладке появляются сотни строк, что гораздо лучше сделать в одной строке.

Некоторые файлы могут иметь только одну строку, потому что они минимизированы , но что такое минимизированный файл?

Минимизированный файл - это версия без отступа и с короткими именами переменных. Этот метод широко используется для уменьшения размера файла и улучшения взаимодействия с пользователем, поскольку загрузка этого файла займет меньше времени. Если вы собираетесь развернуть веб-сайт, я предлагаю вам прочитать подробнее об этой теме c.