js一次性删除页面所有css文件

我想看看没有 CSS 的页面是什么样子，所以我必须禁用所有 css 效果。

此时我们需要删除页面上的所有css文件。有没有办法一次性删除页面上的所有CSS文件？

文字

一个超级弱但有效的方法是打开 DevTools，您将在资源面板中看到 CSS 文件样式。

您可以删除该文件中的css样式，并且会实时显示删除样式的效果。

拆卸前

去掉样式后，会出现如下

删除后显示页面

注意，这只会更改浏览器的CSS版本，不会以任何方式与文件交互，即使它是本地的

但是，现在有的网站在样式标签中嵌入了CSS，有的网站有大量分散的CSS文件。这种方法实施起来确实太慢了。

要达到删除的目的，我们可以一次性使用js，输入以下代码（我们可以在F12浏览器控制台中输入）：

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

上面的js将删除所有嵌入和链接的CSS。