Исследовать элемент
Страницы: 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)
Новые темыОбъявленияСвободное общение
20:43 Аккаунт адсенс отключен 
20:40 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
18:33 Падение мобильного трафика из-за отсутствия турбо страниц 
16:49 Апдейт ИКС 19.04.2019 
16:22 Лучшая рекламная сеть Traffic.ru! 
15:25 Edu-Money - новая партнёрка под бурж EDU траф. 55-70% за заказ! Средний чек от $100! 
14:17 Как найти хорошего подрядчика по Директ рекламе? Что от него требовать? 
21:37 Продвижение петиций на сайте change.org 
18:40 200 трастовых профильных ссылок 
17:27 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
15:23 SocksHub.net - proxy, которые подходят всем 
15:21 Продажа Dedicated servers (Дедики) 
13:57 GetLinks.Online ссылки из статей (свои сайты), профилей, крауд и др. Онлайн заказ. 
12:56 200 открытых анкорных ссылок всего за 100 рублей 
20:12 Инвайт на webmaster.ru please! 
16:41 Как узнать на каком домене работает скрипт или CMS 
20:33 Chitika закрывается 
17:30 Подскажите страшный фильм 
14:16 Что за пуш партнёрка 
18:05 Скидка ~40% для первых 10 
15:11 Как правильно оплатить кредит?