Иногда нужно посмотреть, как выглядит страница без каких-либо стилей.

Всем известен способ решения такой проблемы. Нужно открыть DevTools, перейти в панель Source и удалить содержимое CSS-файлов. В результате веб-страница изменится, потому что подключенные стили для ее локальной копии больше не существуют.

Однако, некоторые разработчики до сих пор используют тег style и определенное количество CSS-свойств все-таки будет влиять на внешний вид HTML-документа.

Но и в этом случае есть быстрое и эффективное решение.

Достаточно открыть консоль и ввести команду:

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

Этот прием удалит на странице все CSS-свойства, как инлайновые, так и подключенные.

Спасибо за внимание.