Cómo eliminar todo el CSS de una página a la vez

Quería ver cómo se veía una página sin CSS.

Una forma que conozco es abrir DevTools, en el panel Fuentes verá la lista de archivos CSS. Puede eliminar el contenido del archivo CSS allí y la página cambiará. Por ejemplo, aquí está misitio.

Tiene 3 archivos CSS y puedo eliminar todo el contenido de uno:

y esto es lo que pasa, la página cambia porque quitamos el CSS:

Tenga en cuenta que esto solo cambia la versión del navegador del CSS, no interactúa de ninguna manera con su archivo, incluso si es local

Sin embargo, algunos sitios integran el CSS en unstyleetiqueta (incluida la mía), y algunos tienen un montón de archivos CSS dispersos, y no es práctico.

Abra la consola y ejecute este comando:

document.querySelectorAll('style,link[rel="stylesheet"]').forEach(item => item.remove())

Esto elimina tanto el CSS en línea como el vinculado.


Más tutoriales de navegador: