Инструменты для устранения неполадок CSS - PullRequest
0 голосов
/ 19 января 2012

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

Позвольте мне поделиться примером, чтобы проиллюстрировать трудности, с которыми я сталкиваюсь в этих инструментах. На одной странице моего сайта размер шрифта определенного раздела больше, чем у других. Firebug показывает мне все правила CSS, которые были применены к элементу. Это также показывает мне правила, от которых отказались; они показаны зачеркнутыми. Это замечательно! Но чтобы узнать точное правило класса, отвечающее за больший размер шрифта, я должен прокрутить все стили, пока не найду правило размера шрифта, которое не было выполнено. Кажется, что нет функции «поиска» для панели CSS (в отличие от панели HTML).

Как вы справляетесь с этими ситуациями? Есть ли лучший инструмент там? Или есть какой-нибудь способ поиска «размера шрифта, который не был зачеркнут» на панели css в firebug? Для некоторых это не является большой проблемой, но в моем случае я считаю, что смогу сэкономить много времени, если смогу обойти эту проблему. Любая помощь будет высоко оценена.

Спасибо, Tabrez

Ответы [ 2 ]

1 голос
/ 20 января 2012

В Firebug просмотрите раскрывающиеся опции на вкладке «Стиль» в окне Firebug.

Существует опция «Показывать только примененные стили».

1 голос
/ 19 января 2012

Если вы хотите сменить браузер, функция проверки элемента Google Chrome (щелкните правой кнопкой мыши> проверить элемент) покажет вам как все сопоставленные стили (переопределенные, через которые пересекаются), так и только вычисленный стиль. Он дает вам ссылку на строку в файле CSS.

...