Исследовать элемент
Страницы: 1
Исследовать элемент, Mozilla Firefox
Только что заметил в Фаерфоксе функцию "Исследовать элемент". Очень удобно анализировать код и стили. Сделали лучше, чем в Хроме. Mozilla - 5+!

Рисунок

Бесплатная контекстная реклама

В файребуге удобнее...
В наличии свежие инвайты на завод
Цитата
Просмотр живых исходников

В Firefox есть окно "View Source", но оно не покажет, как HTML выглядит на самом деле, после трансформаций javascript. Вкладка HTML в Firebug показывает как HTML выглядит прямо сейчас.

В дополнение, вкладки справа позволят Вам выяснить свойства индивидуальных элементов, включая правила CSS, которые их стилизуют, размер и позицию в пикселях, и свойства DOM, к которым есть доступ из javascript.

Мгновенное редактирование HTML

Firebug дает замечательный способ делать экспериментальные изменения в HTML и смотреть, как они тут же отражаются на страние. Вы можете создавать, удалить или редактировать HTML-атрибуты и текст, просто кликая на них и табом перемещаясь от одного к другому. Изменения применяются мгновенно, в момент печати.

А если Вы хотите большего, нежели небольшие изменения, Firebug позволяет редактировать HTML-исходник любого элемента. Просто кликните правой кнопкой на элементе и выберите "Edit HTML..." в меню.

Заманчиво, спасибо.
Изменено: Jaguar - 1 Июня 2012 15:34
Цитата
Jaguar пишет:
Цитата
Платон Щукин пишет:
В файребуге удобнее...
Firebug - плагин для Firefox?
Да, там можно еще редактировать код любой веб-странички
Други! Смешно конечно, писать в тему 7летней давности. Но по теме подходит.Сам не очень большой спец в этом. Но очень нужно доработать наш сайт (моей фирмы, где работаю). Пользуюсь этой штукой "исследовать элемент".
Нужно увеличить один блок по высоте.
Вопрос такой возникает. 
Почему в файле index.html этот блок выглядит так:
<div class="main1">
...
</div>

 а в просмотре "исследовать элемент" этот же блок выглядит так:
<div class="main1" style="padding-top: 122px;">


...
</div>


Откуда берется style="padding-top: 122px;" ?
Причем это в одном браузере, а в другом style="padding-top: 61px;". То есть как-то вычисляется при отображении, и действительно так отображается, с отступом.
R V, скриптами проставляются отступы в зависимости от размера окна браузера, скорее всего и при ресайзе будут меняться
Цитата
Эдуард Пащенко пишет:
R V, скриптами проставляются отступы в зависимости от размера окна браузера, скорее всего и при ресайзе будут менятьсяЭдуард
Эдуард, большое-большое спасибо! Действительно, все так оказалось. Меняю размер окна, и paddig изменяется. Теперь понятно, где искать.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
09:21 АП ИКС 25.06.2019 
06:10 Продвижение в ТОП Яндекс. Мега быстро! 
05:52 Lottery Partner в поиске партнеров! Самые высокие ставки! 
18:48 Сайт неправильно отдаёт 404 
16:03 26 июня выдача 
16:00 Просел по запросам сильно. 
14:22 Упали позиции после склейки сайта 
06:29 Продам сайт строительной тематики 
06:20 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 
23:19 Продаем трафик из соцсети МойМир Мэйл Ру - таргет по гео и полу 
23:14 Оформление групп Вконтакте, страниц Facebook, аккаунтов Twitter 
23:10 Дизайн для групп VK (Оформление) 
20:14 Продвижение петиций на сайте change.org 
20:11 Продвижение в социальных сетях: Вконтакте, Одноклассники, Твиттер, Instagram, YOUTUBE, Facebook, Мой мир. 
05:31 Plussy - лучшая партнерка для гемблинг 
20:28 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 
16:10 Instagram трафик. Подработка не лето , и не только . СЛИВ своих материалов. 
14:36 Топик поднятия настроения. Приколы, картинки, видео и пр. 
05:02 Нужен совет 
20:27 Партнерка по торговле акциями КАНнАБИСа, получай кеш с любой сделки. 
20:26 Наши машинки