1. Inicio
  2. Pregunta y respuesta
  3. Buscar css no utilizados

Buscar css no utilizados

2011-07-11 23 views
13

Estoy haciendo algunos desarrollos para algunas páginas en nuestra red interna. Quiero saber si hay una herramienta de código abierto o un complemento FF que pueda identificar el CSS no utilizado dentro de un proyecto.Buscar css no utilizados

He mirado en el uso de este, pero cuando intento instalar el add-on instalador dice "No es compatible con Firefox 3.6"

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

Tenga en cuenta que esto es para una intranet - no un sitio web visible de www, por lo que no puedo usar los sitios en línea que ofrecen dichos servicios.

Fuente

2011-07-11 martok

+0

Polvo -me selectores * es * compatible con Firefox 3.6, pero no (actualmente) con ninguna versión posterior. – Spudley

+0

@Spudley gracias, pero ese es el mensaje de error que encontré cuando instalé a través del sitio de Mozilla. – martok

+0

Lo tenía instalado y trabajando en mi FF3.6 hasta que actualicé, así que ... * shrug * .... (y la [página de complementos de Mozilla] (https://addons.mozilla.org/en-us/ firefox/addon/dust-me-selectores /) indica que es compatible con 3.6, pero probablemente ya lo vio). – Spudley

Respuesta

3

He estado buscando por un tiempo, y lo mejor que encontré fue esto:

http://unused-css.com/

Ellos buscan en su sitio y el correo electrónico el css resultado.

Soy consciente de que está trabajando en un localsite, sin embargo si encuentra otra alternativa, puede subir su sitio en alguna parte y utilizar este

Alternativamente

usted puede instalar una versión anterior de Firefox que es compatible con los selectores de dust-me y lo ejecuta junto con su instalación actual de Firefox.

Fuente

2011-07-11 12:40:16 Eddie

+0

Después de un tiempo considerable buscando esto parece como la única opción disponible en este momento. Gracias – martok

+0

solo una nota de que unused-css.com no le permite descargar el CSS sin que usted sea un miembro pago y ¡el plan más bajo comienza con $ 29 por mes! me parece un poco caro para el servicio – georgiecasey

+0

Gracias @georgiecasey, pero tenga en cuenta que esto fue respondido en 2011 cuando no era un servicio pago ... – Eddie

14

Google Chrome (y por lo tanto probablemente también Safari) tienen las herramientas de desarrollador instaladas, que vienen con Auditorías. Cuando audita la página, las reglas de CSS no utilizadas es una cosa que verifica.

Esto es lo que parece en esta página.

Audit

Fuente

2011-07-11 12:40:32 Robert

+3

Esto funciona, sin embargo, para proyectos grandes puede ser un PITA ... Usted termina tener que ejecutarlo manualmente en todas las páginas y diferirlas – Eddie

+0

Gracias, no puedo instalar ningún otro navegador. – martok

+2

También sería maravilloso, a menos que no haya visto cómo hacerlo, si esta herramienta pudiera exportar un archivo CSS limpio menos los selectores "no utilizados". Hemos heredado un sitio de Joomla con aproximadamente un 94% de reglas no utilizadas en cientos de selectores y docenas de archivos que nos gustaría eliminar, pero el enfoque manual es tan poco atractivo que probablemente lo dejemos todo. – Funka

2

He CSS Usage instalado en FF. Pero apenas lo usé una vez. Busca CSS no utilizados en la página actual, aunque no todo el proyecto.

Fuente

2011-07-11 12:43:21 spliter

+0

Gracias, esto al menos instalado. Voy a darle un giro. – martok

+1

Grr, parece que ya no funciona, obtengo el error "Uso de CSS: extensiones de inicialización" como estas personas: https://addons.mozilla.org/en-US/firefox/addon/css-usage/reviews/gracias de todos modos – martok

1

polvo-me-selectores complemento de Firefox es ahora compatible con Firefox 16 ...

Fuente

2012-10-12 22:03:07 gagarine

0

Es posible combinar todas sus páginas HTML juntos en una sola página, por ejemplo usando:

type *.htm > all-pages.htm

¿Entonces podría ejecutar Firefox/CSS Usage en esta única página 'super'?

Fuente

2013-07-04 14:24:03

0

Hay un nuevo programa en sourceforge llamado CSS Scanner, que busca las clases CSS usadas y no utilizadas y las hojas de estilo en html, aspx, php, javascript y código jquery. Es código .NET por lo que tendrá de Windows: http://sourceforge.net/projects/cssscanner/

Fuente

2014-01-31 15:21:19

Cuestiones relacionadas

 Cuestiones relacionadas