2009-12-02 2 views
2

Я использую django-compress для сжатия файлов javascript. Тем не менее, у меня теперь есть проблемы с отладкой через него, потому что все шлепает. Я считаю, что stackoverflow также использует сжатие js. Как вы собираетесь отлаживать свой javascript на реальном сайте или на вашем компьютере-разработчике с хорошо отформатированным кодом? Firebug имеет весь код в одной строке, из-за которого трудно прорыть.Как вы отлаживаете сжатый файл javascript?

+0

Вы можете отменить Минимизировать в JS в Дев инструментов: http://devtoolsecrets.com/secret/debugging-debugging-minified-javascript.html – advncd

ответ

7

Простой ответ: вы не отлаживаете сжатый файл - вы используете несжатую версию для разработки.

+1

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

0

Отладка перед сжатием. Сжатие, а затем отладка осуществляется по линии для premature optimization. Так же, как вы закончите разработку программы на C++, прежде чем удалять комментарии и переименуйте все переменные, чтобы быть загадочными (что почти никто не делает это, демонстрирует, насколько это глупо).

0

Если вы используете Google Closure, тогда есть плагин, который позволяет вам получить доступ к незавершенной версии кода. См. Документацию по Inspector и функции сопоставления источника.

0

Некоторые предложения:

  • Не сжимать, пока не разворачивать производства
  • Обновить исходный код после Кодекса компресс; он будет писать поверх сжатого кода
  • Когда это стоит инвестиций, я беру сжатый код и разархивируйте его
-1

я вижу ответ уже был принят, но я добавляю новый ответ, так как это первый результат, который я получил в Google, и думаю, что эта новая информация может помочь кому-то.

Некоторые браузерные DevTools теперь поддерживают исходные карты, чтобы создать построенный javascript, чтобы это не было доступно для чтения. Вы должны минимизировать и/или комбинировать JS с инструментом, который поддерживает создание исходных карт. Но если вы это сделаете, вы можете увидеть исходный код при отладке миниатюрного/комбинированного javascript.

Найти больше информации здесь: https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#source-maps