检查网站时，是否可以禁用特定的 .css 文件？我可以在 FireFox 中做到这一点，但在 Chrome 中找不到该选项。
问问题
25811 次
6 回答
58
如果要删除页面会话剩余部分的样式，请打开 DOM 检查器，找到链接样式表的<link>or<style>元素，然后删除该元素。这会导致所有关联的样式被删除。
如果您只想暂时禁用样式表，disabled请在<link>/<style>元素中添加一个新属性。删除此属性以再次启用样式表。
如果站点包含大量分散注意力的 DOM 元素，您还可以访问控制台，以及类似的东西（样式元素的索引在document.styleSheets[0].disabled = true;哪里）。0
于 2013-05-31T19:12:18.220 回答
4
这是基于 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 );
于 2015-09-18T11:42:37.943 回答
3
一种方法是找到：
<link rel="stylesheet" href="yourstyle.css" />
并将其更改为其他内容...
<link rel="stylesheet" href="yourstyleXXX.css" />
这会阻止它工作......
我敢打赌，开发工具中有一种方法......
问题是大多数人都在使用预处理器连接和缩小他们的 CSS ......所以在这些情况下你将无法采用这种方法。
于 2013-05-31T19:14:32.680 回答
1
您可以在开发工具中打开网络选项卡并找到您要禁用的特定 CSS 文件。右键单击它并选择“阻止请求 URL”，然后刷新页面（确保在您的开发工具顶部也选中“禁用缓存”）。现在，当页面加载时，对该特定 CSS 文件的请求将被阻止。您也可以再次右键单击它并取消阻止它。
于 2021-01-29T17:00:37.710 回答
0
为 Chrome 安装“Web 开发人员”扩展程序。然后，您将拥有各种选项，包括“编辑 CSS”，您可以在其中动态更改任何 CSS 文件（或完全删除其内容）。
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
于 2013-11-06T15:37:16.727 回答
0
<script>
var stylesheet0 = document.styleSheets[0];
var stylesheet1 = document.styleSheets[1];
var stylesheet2 = document.styleSheets[2];
stylesheet0.disabled = true;
stylesheet1.disabled = true;
stylesheet2.disabled = true;
</script>
于 2020-02-16T08:44:07.140 回答