Alex Rudenko
تتناول هذه المقالة ميزة CSS-in-JS المتوفّرة في أدوات المطوّرين منذ الإصدار 85 من Chrome، وتوضّح بشكل عام ما نقصد به بميزة CSS-in-JS ومدى اختلافها عن ميزة CSS العادية التي كانت أدوات المطوّرين تتيحها منذ فترة طويلة.
ما هو CSS-in-JS؟
تعريف CSS-in-JS غامض إلى حدٍ ما. بشكل عام، هو أسلوب لإدارة رمز CSS باستخدام JavaScript. على سبيل المثال، قد يعني ذلك أنّه تم تحديد محتوى CSS باستخدام JavaScript وأنّ التطبيق ينشئ الإخراج النهائي لملف CSS أثناء التشغيل.
في سياق "أدوات المطوّر"، تعني ميزة CSS-in-JS أنّه يتمّ إدخال محتوى CSS في الصفحة باستخدام واجهات برمجة تطبيقات CSSOM. يتمّ حقن ملف CSS العادي باستخدام عنصرَي