1

Есть .js файл , в котором код написан в 1 строку (compressed), а вот нужно мне его посмотреть, поправить. В общем, как его обратно перевести в expanded стиль?

В SASS можно подставить код, выбрать стиль — и всё получится, а как поступать с JavaScript?

Nofate
  • 34,603
Flayter
  • 161
  • 1
    http://jsbeautifier.org/ — лучший из опробованных мной онлайн-форматтеров. Каким текстовым редактором пользуетесь? Если Sublime Text, распишу решение для него. Спасибо. – Саша Черных Apr 17 '16 at 09:04
  • Да sublime пользуюсь, но как то еще не понял как через него – Flayter Apr 17 '16 at 09:16
  • Сейчас тогда напишу ответ. – Саша Черных Apr 17 '16 at 09:17
  • Я на том сервисе уже отформатировал, но вссе равно жду – Flayter Apr 17 '16 at 09:22

1 Answers1

2

ПО, в частности, разворачивающее код, записанный в одну строчку, а вообще делающее его удобным для восприятия человеком, называется formatter или beautifier.

Общее решение для js

Online JavaScript beautifier. В сети можно отыскать и альтернативы, но лично меня и этот сервис полностью устраивает. Внизу по ссылке указан список formatter'ов для браузеров, текстовых редакторов, IDE и т. д. — выбирайте в зависимости от того, чем Вы пользуетесь.

Решение для Sublime Text 3

На Stack Overflow рекомендуют плагин HTMLPrettify, (требуется предустановка платформы Node.js ), при использовании которого у меня не возникало проблем с .html и .css; а вот некоторые .js, а именно файлы шрифтов, внедрённых через Cufón, плагин отказывался правильно форматировать. Не разворачивает js и встроенное в Sublime Text 3 средство: выделяем текст, нажав Ctrl + A, → EditLineReindent.

Подошёл плагин js-beautify. После его установки в файле, который необходимо отформатировать, следует нажать куда-нибудь правой кнопкой мыши и в выпадающем меню выбрать JavascriptBeautify. Код развернётся и обретёт красивый вид.

До:

js-код до обработки js-beautify

После:

js-код после обработки js-beautify

Спасибо.