Визуализация html-документа. - Страница 2

zhegloff · 02.11.2010, 00:06

Цитата:

Сообщение от Geser

Вот смотрим на ту картинку,что я нарисовал. Представим себе, что это страница сверстанная блоками(div). Какой где блок и какие у него свойства фик поймешь, пока не посмотришь код и не выпьешь парочку баночек пива. Такая головная боль мне не надо. Мне надо......что бы посмотреть на такую цветную картинку, ткнуть на блок, посмотреть его свойства и сразу въехать во всю структуру документа. О! Все ж видили какойнить визуальный разбивальщик дисков, типа PM, надеюсь. Вот тоже аналогия.

http://chrispederick.com/work/web-developer/
Попробуйте, может подойдет... Во всяком случае тыкнул в блок - увидел CSS там есть.

MonAmur · 02.11.2010, 00:18

а чем дримвивер не устраивает? нужно именно в онлайне копаться в коде?

BIOHAZARD · 02.11.2010, 05:40

Цитата:

Сообщение от Geser

Вот смотрим на ту картинку,что я нарисовал. Представим себе, что это страница сверстанная блоками(div). Какой где блок и какие у него свойства фик поймешь, пока не посмотришь код и не выпьешь парочку баночек пива. Такая головная боль мне не надо. Мне надо......что бы посмотреть на такую цветную картинку, ткнуть на блок, посмотреть его свойства и сразу въехать во всю структуру документа.

ну так ПКМ -> Проинспектировать элемент никто пока не отменял.
А вот как должна выглядеть ваша цветная картинка при 10++ уровне вложенности блоков, где каждый со своими стилями, мне представить сложно и даже страшно.

Geser · 06.11.2010, 23:48

Цитата:

Попробуйте, может подойде

Цитата:

ну так ПКМ -> Проинспектировать элемент никто пока не отменял.

Мало я же сказал.

Цитата:

А вот как должна выглядеть ваша цветная картинка при 10++ уровне вложенности блоков, где каждый со своими стилями, мне представить сложно и даже страшно.

Примерно, как на картинке. Ничего сложного и страшного. Не обязательно 10к уровне вложенности блоков, выбирается опционально.

Цитата:

а чем дримвивер не устраивает?

Криво отображает сверстанное.Во внешнем браузере не криво выходит.
Ну и то что он для сравнительно простой верстки и для дизайнеров. Гламурно. Имхо.

Цитата:

нужно именно в онлайне копаться в коде?

желательно, но не обязательно.
В общем понятно, решения нет, которое мне нужно.

dj_raphael · 13.02.2012, 09:24

я тоже стал искать инструмент который визуализирует дерево DOM в ширину.
и не нашёл. нашёл только Tilt 3D для firefox - но это не то что мне надо.
мне надо например посмотреть схему сайта до 3-го уровня вложенности.
а покрасить их можно например во числу вложенных элементов. или по длине строки innerHtml.
но наткнулся на эту тему. может кто знает где плагинописатели для браузеров обитают?

02.11.2010, 00:18	#12
MonAmur Эксперт Регистрация: 03.07.2007 Адрес: Chinatown Сообщений: 7,265 Вес репутации: 609	а чем дримвивер не устраивает? нужно именно в онлайне копаться в коде? __________________ отличная тизерка тексты по 10 руб/кзнак автоматизируй все, не мучайся!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
html или php ?	shark-bmw	Вопросы от новичков	16	07.04.2012 21:39
Оптимизатор: документа с моей ссылкой нет на главной	Artmozfera	PR.Sape	16	28.10.2010 21:18
mail.ru - Не найдено ни одного документа по Вашему запросу	Штрафная РОТА	Rambler, Aport, Webalta	10	11.03.2010 16:38
SSI и html	Igar-ok	Установка кода на различные движки	4	01.12.2008 10:01
Тип ошибки-Формат документа не поддерживается	ondas	Яндекс	4	13.11.2008 09:40

13.02.2012, 09:24	#15
dj_raphael Новичок Регистрация: 13.02.2012 Сообщений: 1 Вес репутации: 0	я тоже стал искать инструмент который визуализирует дерево DOM в ширину. и не нашёл. нашёл только Tilt 3D для firefox - но это не то что мне надо. мне надо например посмотреть схему сайта до 3-го уровня вложенности. а покрасить их можно например во числу вложенных элементов. или по длине строки innerHtml. но наткнулся на эту тему. может кто знает где плагинописатели для браузеров обитают?