Chrome - отключить все стили из определенного .css файла

Ответ 1

Если вы хотите удалить стиль для остальной части сеанса страницы, откройте DOM Inspector, найдите элемент <link> или <style>, который связывает таблицу стилей и удаляет элемент. Это приведет к удалению всех связанных стилей.

Если вы хотите временно отключить таблицу стилей, добавьте новый атрибут disabled в элемент <link>/<style>. Удалите этот атрибут, чтобы снова включить таблицу стилей.

Если сайт содержит много отвлекающих элементов DOM, вы также можете посетить консоль и что-то вроде document.styleSheets[0].disabled = true; (где 0 - индекс элемента стиля).

Ответ 2

Один из способов - просто найти:

<link rel="stylesheet" href="yourstyle.css" />

И измените его на что-то еще...

<link rel="stylesheet" href="yourstyleXXX.css" />

Это остановит его от работы...

Я уверен, что есть способ в dev-инструментах, хотя...

Проблема в том, что большинство людей объединяет и преувеличивает свой CSS с помощью препроцессоров... поэтому вы не сможете использовать этот подход в этих случаях.

Ответ 3

Установите расширение "Веб-разработчик" для Chrome. Затем у вас будут различные опции, в том числе "Редактировать CSS", где вы можете вносить изменения в любой файл CSS "на лету" (или просто полностью удалить его содержимое).

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

Ответ 4

Это основано на полезном ответе Роб У.

Просто вставьте следующее в консоль и соответствующим образом измените значение индекса.

Первое исполнение отключит таблицу стилей, а вторая включит ее.

var stylesheetIndex = 0;
var action = document.styleSheets[stylesheetIndex].disabled === false ? "Disabled " : "Enabled ";
document.styleSheets[stylesheetIndex].disabled = !document.styleSheets[stylesheetIndex].disabled;
console.log( action + "stylesheet:" + document.styleSheets[stylesheetIndex].href );