html - 如何在浏览器中禁用 CSS 以进行测试

Question

有什么方法可以在浏览器(Firefox、Chrome...)中禁用所有外部 CSS？

当使用较慢的互联网连接时，有时浏览器只会加载没有 CSS 信息的裸 HTML。看起来该页面已被原始放置在屏幕上。您在使用 StackOverflow 时也会注意到这一点。

我想确保即使未加载 CSS 文件，我的网页也能正常显示。

我不是说我想将外部 CSS 转换为内联。但我想要一种从浏览器中显式禁用所有 CSS 的方法，以便我可以以更好、可读的方式重新定位我的元素。

我知道我可以删除 条目，但是如果我有很多链接页面怎么办？

Answer 1

在 Chrome/Chromium 中，您可以在开发者控制台中执行此操作。

1. 通过 ctrl-shift-j 或菜单->工具->开发人员控制台调出开发人员控制台。
2. 在开发者控制台中，浏览至“来源”标签。
3. 此选项卡的左上角是一个带有三 Angular 形显示的图标。点击它。
4. 浏览到 →css→<要删除的 css 文件>
5. 突出显示所有文本并点击删除。
6. 冲洗并重复您要禁用的每个样式表。