Отладка в Firebug

Question

Интересно, кто-нибудь может дать какой-нибудь совет.

В основном это то, с чем я время от времени сталкиваюсь - я учусь отлаживать с помощью firebug и пытаюсь отследить, где устанавливается атрибут стилясложная куча файлов WordPress / Fancy Box.

По сути, я пытаюсь настроить fancybox для автоматического изменения размера элемента по ширине, я знаю опцию fancybox, чтобы включить это, но кажется, что весь блок переопределяется с помощьюфиксированная ширина, которую я не могу найти нигде в таблицах стилей.

element.style {
border-width:10px;
height:84px;
width:987px;

Теперь у этого нет таблицы стилей, связанной с правой стороны в firebug, поэтому я предполагаю, что это означает, что этовычисляется на лету где-то в js / php?

Что мне нужно, так это указатель на то, как отследить, где он установлен, и как я могу использовать firebug, чтобы определить это, если он установлен снаружитаблицы стилей?так что я тоже могу быть лучшим отладчиком :) спасибо за поиск.

Answer 1

в браузере Mozilla с помощью Firebug щелкните значок стрелки в (верхний левый угол) и выберите любой элемент управления на странице. он будет отображать их стиль (CSS) на правой стороне. Здесь вы можете внести любые изменения, и они будут отображаться в браузере.

думаю, это будет полезно для вас.

Answer 2

Если в качестве источника информации о стиле указано element.style, это означает, что стиль является встроенным (то есть указывается в качестве атрибута тега).

Е.Г.

<div style='border-width:10px;height:84px;width:987px;>This is a box</div>

Если вы не видите этого в исходном коде, возможно, он был добавлен каким-то JavaScript

Используя аддон веб-разработчика для Firefox, вы можете не только просматривать исходный код, но и просматривать сгенерированный источник, который даст вам источник после любого javascript, действовавшего над ним.

Answer 3

1. Сначала найдите элемент
2. Как только вы сделаете это, запустите событие, вы увидите изменение