Исследовать элемент
Страницы: 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)
Новые темыОбъявленияСвободное общение
03:36 Продвижение в ТОП Яндекс. Мега быстро! 
23:21 Что можно улучшить 
17:04 ClickTimes.ru - самая выгодная монетизация WAP трафика 
12:46 Зарабатывай до 50% за сейл с партнерской программой EssayPro! 
14:28 Berileads.ru - финансовая партнерская программа. 
19:38 Обновление поисковой базы 10.06.2019. 
15:52 CPA-сеть MyLead - глобальная монетизация трафика! 
22:57 "Спалю" тему как рекламироваться в Яндекс.Директ по гэмблинг (и другим) тематикам, помогу с прохождением модерации, отдам домен. 
19:45 Дизайн сайтов и логотипов 
17:03 Семантическое ядро по новой технологии + LSI с ручной группировкой 
15:29 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
14:45 Пишу софт, регеры, парсеры, рвссыльщики, граберы и пр на заказ 
10:59 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 
09:20 Продвижение сайтов максимально качественно, методы только белые, есть крутые кейсы!!! 
03:26 Наши машинки 
22:14 В поисках ПП (Партнёрской Программы) 
19:35 Сколько можно заработать на сайте с 60к уник траффом в день 
19:16 Букмекерские ставки 
17:56 Инвайт на webmaster.ru please! 
15:03 Деньги на бизнес 
09:40 Сколько вы платите редактору?