Comment supprimer tous les CSS d'une page à la fois

Je voulais voir à quoi ressemblait une page sans CSS.

Une façon dont je sais est d'ouvrir les DevTools, dans le panneau Sources, vous verrez la liste des fichiers CSS. Vous pouvez supprimer le contenu du fichier CSS là-dedans, et la page changera. Par exemple, voici monplacer.

Il a 3 fichiers CSS, et je peux supprimer tout le contenu d'un:

et c'est ce qui se passe, la page change car nous avons supprimé le CSS:

Notez que cela ne fait que changer la version du navigateur du CSS, n'interagit en aucune façon avec votre fichier, même s'il est local

Mais certains sites intègrent aujourd'hui le CSS dans unstyletag (y compris le mien), et certains ont des tas de fichiers CSS éparpillés, et ce n'est pas pratique.

Ouvrez la console et exécutez cette commande:

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

Cela supprime les CSS en ligne et liés.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: