firebug - скрывает стили от конкретного файла .css - PullRequest
5 голосов
/ 23 ноября 2010

Можно ли как-нибудь скрыть стили от определенных таблиц стилей на панели стилей Firebug?
Например, я использую сброс CSS и включаю reset.css на своих страницах, но это не очень хорошо выглядит, когда отображается бесполезная информация в стилеокно.

Спасибо.

Ответы [ 5 ]

11 голосов
/ 05 июля 2012

Я знаю, что вы спрашиваете об отключении таблиц стилей с помощью FireBug. Вы спросили два года назад. Люди предложили взломать FireBug и использовать другой плагин для веб-разработчиков.

Вот мое решение: Новый Firefox (13.0.1) может делать это без плагина. Просто зайдите в раздел настроек инструментов для веб-разработчиков и перейдите в редактор стилей (Shift F7).
Параметры> Инструменты для веб-разработчиков> Редактор стилей

Нажмите на глазное яблоко, чтобы показать / скрыть каждую таблицу стилей.

надеюсь, это поможет!

5 голосов
/ 23 ноября 2010

Если у вас его еще нет, рассмотрите возможность установки этой панели инструментов для веб-разработчиков

Она может делать именно то, что вы просите .. И многое другое:)

3 голосов
/ 13 июня 2012

Пока нет пользовательского интерфейса для этого (Firebug 1.9.2), но вы можете изменить исходный код ... Это означает, что вам придется делать это каждый раз при обновлении Firebug.

Сначала выйдите из Firefox и найдите пакет .xpi для Firebug.

На моем компьютере с XP он находится в "C: \ Documents and Settings \ userName \ Application Data \ Mozilla \ Firefox \ Profiles \ profileName \ extensions "

Откройте файл "firebug@software.joehewitt.com.xpi" (на самом деле это переименованный файл .zip) и извлеките файл " content \ firebug \ lib \ url.js ».

В этом файле найдите функцию " Url.isSystemURL " и добавьте строку кода для возврата true, если параметр url содержит имя файла CSS, который вы хотите использовать. скрыть (я использовал "reset.css" в примере ниже):

Url.isSystemURL = function(url)
{
    if (!url) return true;
    if (url.length == 0) return true;
    /*** Hide specific CSS file ***/
    if (url.indexOf("reset.css") != -1) return true;
    /******************************/
    if (url[0] == "h") return false;
    if (url.substr(0, 9) == "resource:")
        return true;
    else if (url.substr(0, 16) == "chrome://firebug")
    ...

Вы также можете использовать регулярное выражение:

    if (url.match(/RegExp/)) return true;

Когда вы закончите редактирование, сохраните файл и замените файл в .xpi вашей отредактированной версией.

0 голосов
/ 17 января 2014

В Firefox и Chrome вы можете установить расширение для веб-разработчика.

Существует возможность отключить стили CSS: меню CSS> Отключить стили> Все стили (или выбранные вами индивидуальные стили).

0 голосов
/ 23 ноября 2010

Вот как ты это делаешь alt text

...