DevTools での CSS-in-JS サポート

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

Alex Rudenko

この記事では、Chrome 85 以降に導入された DevTools での CSS-in-JS のサポートについて説明します。また、CSS-in-JS の意味と、DevTools で長い間サポートされている通常の CSS との違いについても説明します。

CSS-in-JS とは何ですか？

CSS-in-JS の定義は曖昧です。広い意味では、JavaScript を使用して CSS コードを管理する方法です。たとえば、CSS コンテンツが JavaScript を使用して定義され、最終的な CSS 出力がアプリによってその場で生成される場合があります。

DevTools のコンテキストでは、CSS-in-JS とは、CSSOM API を使用して CSS コンテンツがページに挿入されることを意味します。通常の CSS は