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

Рисунок

Комплексное SEO продвижение в поисковых системах Яндекс, Google

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

В 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)
Новые темыОбъявленияСвободное общение
01:15 В РСЯ берут всё подряд? 
23:43 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
22:02 Что можно сделать в таком случае? по поводу гугл рекламы и её модерации 
21:46 Арбитраж в ВК увеличить охват потенциальных клиентов 
19:22 FastYaZen (Users Emulator)- быстрый старт на площадке Яндекс Дзен! 
18:42 Кто как борется с РКН и компанией? 
17:44 Монетизируем 100% adult траффика без остатков. 
23:12 Куплю социальную сеть 
18:46 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 
15:08 Профессиональный копирайт на любые темы! 
12:52 Разработка сайтов "под ключ" WordPresss, OpenCart, MODx, Landing Page. 
10:42 Копирайтинг RU/EN, переводы высокого уровня (рус/англ/укр), SEO-оптимизированные тексты под ключ для выхода в Топ (2000+ отзывов) 
10:38 Тизерка Adpartner. Только качественный трафик в тизерке . 
10:19 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
20:05 Google June 2019 Core Update 
17:48 Какой сайт сейчас нужен! 
17:07 Как вы понимаете это высказывание? 
16:37 Срочно! МОжно ли пользоваться этими гарант-сервисами? 
16:36 Сайт без дескрипшенов в топе выдачи 
13:58 Внимание КИДАЛЫ (ccc.mn) 
11:47 Партнерская программа ePochta – доход от лучшего ПО для Email маркетинга!