Как сразу удалить весь CSS со страницы

Я хотел посмотреть, как выглядит страница без CSS.

Один из известных мне способов - открыть DevTools, на панели «Источники» вы увидите список файлов CSS. Вы можете удалить там содержимое файла CSS, и страница изменится. Например вот мойсайт.

В нем 3 файла CSS, и я могу удалить все содержимое одного из них:

и вот что происходит, страница меняется, потому что мы удалили CSS:

Обратите внимание, что это просто изменяет версию CSS браузера, никак не взаимодействует с вашим файлом, даже если он локальный.

Но некоторые сайты сегодня встраивают CSS вstyle(включая мой), а в некоторых из них разбросано множество файлов CSS, и это непрактично.

Откройте консоль и выполните эту команду:

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

Это удаляет как встроенный, так и связанный CSS.

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по браузеру: