Chrome - адключыць усе стылі ад канкрэтнага файла .css

Пры праверцы вэб-сайта, можна адключыць канкрэтны файл .css? Я магу зрабіць гэта ў FireFox, але не магу знайсці варыянт у Chrome.

32
Калі ласка зорка адпаведны Chromium пытанне: code.google.com/p/chromium/пытанні/дэталі? ID = 155476
дададзена аўтар Alexander Pavlov, крыніца

8 адказы

If you want to remove the style for the remainder of the page session, open the DOM Inspector, locate the <link> or

element which links the style sheet, and remove the element. This causes all associated styles to be removed.

If you only want to disable the style sheet temporarily, add a new attribute disabled to the <link>/

element. Remove this attribute to enable the style sheet again.

Калі сайт змяшчае шмат адцягваюць элементаў DOM, вы можаце таксама наведаць кансоль, і нешта накшталт document.styleSheets [0] .disabled = ісціна; (дзе 0 з'яўляецца індэкс элемента стылю).

47
дададзена

If you want to remove the style for the remainder of the page session, open the DOM Inspector, locate the <link> or

element which links the style sheet, and remove the element. This causes all associated styles to be removed.

If you only want to disable the style sheet temporarily, add a new attribute disabled to the <link>/

element. Remove this attribute to enable the style sheet again.

Калі сайт змяшчае шмат адцягваюць элементаў DOM, вы можаце таксама наведаць кансоль, і нешта накшталт document.styleSheets [0] .disabled = ісціна; (дзе 0 з'яўляецца індэкс элемента стылю).

47
дададзена

Адным са спосабаў было б проста знайсці:

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

І змяніць яго на што-то другое ...

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

Які б спыніць яго ад працы ...

Іду ў заклад, што ёсць спосаб у Паннаў інструментаў, хоць ...

Праблема заключаецца ў тым, што большасць людзей канкатэнацыі і Мінімізацыя іх CSS з препроцессора ... так што вы не будзеце ў стане прыняць гэты падыход у гэтых выпадках.

2
дададзена

Адным са спосабаў было б проста знайсці:

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

І змяніць яго на што-то другое ...

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

Які б спыніць яго ад працы ...

Іду ў заклад, што ёсць спосаб у Паннаў інструментаў, хоць ...

Праблема заключаецца ў тым, што большасць людзей канкатэнацыі і Мінімізацыя іх CSS з препроцессора ... так што вы не будзеце ў стане прыняць гэты падыход у гэтых выпадках.

2
дададзена

Гэта заснавана на карысны адказ Rob W ў

Проста ўстаўце наступны код у кансолі і змяніць значэнне індэкса адпаведна.

Першае выкананне адключыць табліцу стыляў і другія дазволіць ёй.

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 );
1
дададзена

Гэта заснавана на карысны адказ Rob W ў

Проста ўстаўце наступны код у кансолі і змяніць значэнне індэкса адпаведна.

Першае выкананне адключыць табліцу стыляў і другія дазволіць ёй.

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 );
1
дададзена

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

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

0
дададзена

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

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

0
дададзена