開發人員工具中的 CSS-in-JS 支援

Alex Rudenko
Alex Rudenko

本文將說明 Chrome 85 之後推出的開發人員工具中,CSS-in-JS 的支援功能,以及 CSS-in-JS 的一般定義,以及與開發人員工具長期支援的一般 CSS 的差異。

什麼是 CSS-in-JS?

CSS-in-JS 的定義相當模糊。從廣義來說,這是一種使用 JavaScript 管理 CSS 程式碼的方法。舉例來說,這可能表示 CSS 內容是使用 JavaScript 定義,而應用程式會即時產生最終 CSS 輸出內容。

在 DevTools 的情況下,CSS-in-JS 是指使用 CSSOM API 將 CSS 內容插入網頁。一般 CSS 會使用