@aby125

Есть ли сервис для превращение html в краткое визуальное дерево с классами?

Ребят, подскажите пожалуйста. Есть ли плагины для текстовых редакторов, браузеров или просто сервисы/программы со следующим функционалом. Вот есть у нас верстка сайта. Её надо натянуть на cms, допустим на битрикс или вордпресс. Получается надо выделить хедер и футер. И есть ли сервис, который на основе html построит его в древовидном виде, с классами, чтобы можно было видеть саму структуру наглядно. А ещё желательно сравнивает.
Допустим, я взял верстку сайта из 10 страниц, загрузил и он для каждой построил краткое дерево и я вижу, где отличаются хедеры и другие блоки, особенно если сам сервис сравнивает и подсвечивает. Часто хедеры бывают одинаковыми, но в них различается пару классов, где-то добавляется класс page__inner--base, где-то page__inner--index. Получается сейчас надо на глаз это всё смотреть. Особенно если используют bootstrap с адаптивными классами, типа внешне два одинаковых блока, а на выходе у них такие классы: "col-md-6 col-lg-12 mb-3 mb-md-0" и "col-md-6 col-lg-12 mt-lg-3".
В результате чего приходится долго сверять верстку у каждого блока, чтобы понять есть ли разница.
Или поделитесь своим опытом, как вы натягиваете верстку в таких случаях.
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 3
overflow_hidden
@overflow_hidden
Вообще как правило после дизайна когда готова верстка, разные хэдеры это разные файлы, верстальщик должен показать вам работу свою, вот у вас 2 файла или 3 с разными header в чем проблема делать потом проверку на их вывод?
Все разноситься стандартно
у Вас всегда практически одно и тоже к примеру ИМ
главная
странница категории
подкатегории
одиночная запись single
технические страницы

footer и header или sidebar разносите и все, можете сделать header_1, header_2 или проще проверку в коде к примеру на префикс чпу, если category то выводим этот header else другой и тп

зачем вам такой сервис ? у Вас же не 100 header сами говорите пару классов
Ответ написан
@RuComMarket
Битрикс FullStack разработчик
ни разу не встречал сервиса для кривой верстки
верстак должен знать под что он делает верстку, должен знать структуру cms, а что касается, например, битрикса, ни разу не видел отдельную верстку, которая бы легко без косяков легла бы на сайт.
ничего нет лучше фулстек разработки, когда разделяешь и делаешь все ровненько, так чтобы, в том же битриксе, при включении режима редактирования ничего не сползало. чтобы не надо было городить условий, и чтобы после изменения демо-контента не оставалось куча мусора в стилях и событиях, а сам контент отображался как и положено.
Ответ написан
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Это какая-то непосильная задача открыть html файл и найти, где кончается header? Если код плохо отформатирован - есть масса бьютификаторов.

Ну и вообще, вон там дерево. Но оттуда элементы копировать нельзя. Это уже отрендеренный html, а не исходный код
5e60d6b0edbb3051102734.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы