如何一次性從頁面中移除所有的 CSS

我想知道沒有 CSS 的頁面是什麼樣子。

我知道的一種方法是打開開發者工具，在 Sources 面板中可以看到 CSS 文件的列表。你可以在那裡刪除 CSS 文件中的內容，然後頁面就會改變。舉個例子，這是我的 <thereactcourse.com> 網站。

它有 3 個 CSS 文件，我可以找一個文件並刪除其中的所有內容：

結果就是這樣，頁面因為我們刪除了 CSS 而改變了：

請注意，這只會改變瀏覽器中的 CSS，不會以任何方式與你的文件互動，即使它是本地文件。

然而，現在有些網站將 CSS 嵌入到 style 標籤中（包括我的網站），有些網站則散佈了很多 CSS 文件，這種方法就不太實用了。

打開控制台並運行以下命令：

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

這將同時移除內嵌和連接的 CSS。