А АTuesday, 15 April 2014

Реформатор html-кода - Dirty Markup

Здравствуйте.

Занимаясь web-дизайном каждый из нас сталкивался с html-кодом, который был весь написан в одну строку. Целью этого  было повышение скорости парсинга кода web-браузером: в таком коде отсутствуют символы перевода каретки и другие не отображаемые символы. Также это слегка уменьшает размер html(js)-файла и затрудняет  исследование кода другому web-дизайнеру. Почти весь javascript-код в jquery.mini упакован таким образом.

А вот очень надо мне разобраться в таком коде. И что же делать? Оказалось есть простенький онлайн сервис который как раз  помогает сделать обратную задачу - привести искомую строчку кода в удобочитаемый вид, со всеми отступами. Это Dirty Markup.


Берем, к примеру, html или js и копипастом вставляем его в поле редактора.



 Чтобы помочь редактору определяем заранее соответствующей кнопкой что это за код: HTML, CSS или JavaSscript.

Далее жмем кнопку Сlean. И вуаля, теперь искомый код выглядит читабельно.



Более того, в поле редактора есть подсказки, где редактор сигнализирует о возможных неточностях в коде.


Вот такой вот полезный сервис.

No comments:

Post a Comment

А что вы думаете по этому поводу?

Версия на печать

Популярное