2010-11-23 18 views
5

¿Hay alguna manera de ocultar estilos de hojas de estilo específicas en el panel de estilo Firebug?
Por ejemplo, uso el restablecimiento de CSS e incluyo reset.css en mis páginas, pero no se ve bien cuando muestra información inútil en la ventana de estilo.firebug - Ocultar estilos del archivo .css específico

Gracias.

+0

Para que quede claro: desea ocultar las reglas de reinicio de Firebug, pero aún así aplicarlas a la página: ¿no desea eliminar el archivo de restauración css? – Kobi

+0

@Kobi, sí, claro – Kai

Respuesta

5

Si no lo tiene ya, considere la instalación de este Webdeveloper Toolbar

Se puede hacer exactamente lo que pides .. Y mucho más :)

+0

+1 por un gran recurso. – Kyle

+0

Sí, funciona, pero como mencioné @Kobi, quiero aplicarlo a la página – Kai

0

Heres cómo lo hace alt text

+2

downvote porque no incluyó ninguna solución y no hay enlaces en esta respuesta –

+1

La imagen vale más que mil palabras, si no entiende, nadie puede evitarlo: (No se puede votar negativamente por eso. – nepsdotin

+3

+1, esto funcionó para mí, pero tuve que descubrir que primero tengo que instalar Developer Tools para Firefox. Sería mejor si lo mencionaras para mejorar tus respuestas en el futuro –

3

No hay una interfaz de usuario para hacer esto hasta el momento (Firebug 1.9.2), pero puede modificar el código fuente ... Lo que significa, sin embargo, que tendrá que hacer esto cada vez que se actualice Firebug.

Primero, salga de Firefox y encuentre el paquete .xpi para Firebug.

En mi máquina XP, se encuentra en "C: \ Documents and Settings \ nomUsuario \ Datos de programa \ Mozilla \ Firefox \ Profiles \ nombrePerfil \ extensiones"

Abra el archivo "[email protected]" (en realidad es un archivo .zip renombrado) y extraiga el archivo "content \ firebug \ lib \ url.js".

En este archivo, busque la función "Url.isSystemURL" y añadir una línea de código para devolver true si el parámetroURL contiene el nombre del archivo CSS que desea ocultar (que he usado " reset.css" en el ejemplo a continuación):

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") 
    ... 

también puede utilizar una expresión regular:

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

Cuando haya terminado de editar, guardar el archivo y reemplazar el uno en el .xpi con usted r versión editada.

+0

Puede que no sea una solución bonita, pero creo que esta es la única respuesta que en realidad responde a la pregunta que se hizo. – thelem

11

Sé que estás preguntando sobre la desactivación de las hojas de estilo con FireBug. Usted lo pidió hace dos años. La gente sugirió piratear FireBug y usar otro plugin de desarrollo web.

Aquí está mi solución: El nuevo Firefox (13.0.1) puede hacer esto sin un plugin. Simplemente vaya a la sección de herramientas de desarrollador web de las opciones y llegue al editor de estilos (shift F7).
Opciones> herramientas de desarrollador web> editor de estilo

Haga clic en el globo ocular para mostrar/ocultar cada hoja de estilo.

Espero que esto ayude!

+0

OP quería los estilos escondido en el Inspector pero aún aplicado a la página. Al deshabilitar un archivo en Style Editor también se deshabilitan sus estilos. No es una solución entonces. –

0

En Firefox y Chrome puede instalar la extensión Web Developer.

Hay una opción para deshabilitar los estilos CSS: CSS meny> Deshabilitar estilos> Todos los estilos (o estilos individuales que elija).

Cuestiones relacionadas