Chrome muestra la página sin css
Contenidos
Grunt debería descargarse e instalarse automáticamente.3. Abre la carpeta de tu proyectoUsando el símbolo del sistema de Node.js, navega hasta la carpeta que contiene los archivos que quieres que UnCSS analice. Puedes hacerlo introduciendo la ruta del archivo. Por ejemplo:cd C:TestProject
Las instrucciones anteriores indican a UnCSS que analice su archivo index.html en busca de CSS no utilizado y cree un archivo CSS recortado dentro de una carpeta llamada cleancss. El plugin CSSmin minificará el nuevo archivo CSS, que se llamará por defecto tidy.css. Las últimas líneas son especialmente importantes ya que cargan y registran ambos plugins.6. Ejecutar GruntPor último, debes volver a la carpeta de tu archivo fuente y ejecutar Grunt así:cd C:TestProject>grunt
Desactivar la hoja de estilo de Firefox
Un buen ejemplo de uso podría ser en un sitio RWD mobile-first en el que gran parte del estilo utilizado para un elemento particular en las vistas de pantalla pequeña necesita “restablecerse” o eliminarse para el mismo elemento en la vista de escritorio.
Permítanme responder a esta pregunta a fondo, porque ha sido una fuente de dolor para mí durante varios años y muy pocas personas entienden realmente el problema y por qué es importante que se resuelva. Si yo fuera el responsable de la especificación CSS, me sentiría avergonzado, francamente, por no haber abordado esta cuestión en la última década.
Tienes que insertar marcas en un documento HTML, y tiene que tener un aspecto específico. Además, no eres dueño de ese documento, por lo que no puedes cambiar las reglas de estilo existentes. No tienes ni idea de cuáles pueden ser las hojas de estilo, ni de a qué pueden cambiar.
Si tu contenido puede caber en una caja, puedes sortear el problema nº 1 haciendo que tu contenido escriba un iframe y estableciendo explícitamente el contenido, sorteando así el problema, ya que el iframe y el documento compartirán el mismo dominio.
Las herramientas para desarrolladores de Firefox desactivan el css
Otra forma de conseguirlo es hacer clic con el botón derecho en la página (en Chrome/Firefox), seleccionar Inspeccionar, en el panel de devtools, pestaña Elementos seleccionar la etiqueta <head> (ver captura de pantalla), hacer clic con el botón derecho y elegir Eliminar elemento:
Como la mayoría de las respuestas parecen ser bastante viejas aquí, haciendo referencia a elementos de menú que no puedo encontrar en las versiones actuales de los navegadores populares, aquí es cómo hacerlo en la versión actual en Firefox Developer Edition:
En Firefox, la forma más sencilla es a través del comando de menú Ver > Estilo de página > Sin estilo. Pero esto también desactiva los efectos de algunas marcas HTML de presentación. Así que usar plugins como sugiere @JoelKuiper suele ser mejor; dan más flexibilidad (por ejemplo, desactivar sólo algunas hojas de estilo).
En realidad, es más fácil de lo que crees. En cualquier navegador pulsa F12 para que aparezca la consola de depuración. Esto funciona para IE, Firefox y Chrome. No estoy seguro de Opera. Entonces comenta el CSS en las ventanas de los elementos. Eso es todo.
Chrome desactivar css
Dado que la mayoría de las páginas modernas definen todos los estilos en archivos CSS externos que se incluyen en el <head>, la eliminación de la etiqueta head eliminará efectivamente todos los estilos (excepto los estilos explícitos en línea y los establecidos por los scripts). Haz clic con el botón derecho del ratón en una página, selecciona Inspeccionar en el menú contextual y pega esto en la pestaña Consola:
Nota: De hecho, es posible que una página tenga un bloque <style> dentro de la etiqueta <body> – el estándar HTML5 lo permite y la mayoría de los navegadores lo soportan. Hasta ahora esto no es una práctica común, pero a medida que los marcos web evolucionan podríamos ver más “hojas de estilo locales” en la web del futuro.