Alex Rudenko
این مقاله در مورد پشتیبانی از CSS-in-JS در DevTools صحبت می کند که از Chrome 85 فرود آمد و، به طور کلی، منظور ما از CSS-in-JS و تفاوت آن با CSS معمولی که برای مدت طولانی توسط DevTools پشتیبانی می شد، چیست.
CSS-in-JS چیست؟
تعریف CSS-in-JS نسبتا مبهم است. در یک مفهوم گسترده، این یک رویکرد برای مدیریت کد CSS با استفاده از جاوا اسکریپت است. به عنوان مثال، ممکن است به این معنی باشد که محتوای CSS با استفاده از جاوا اسکریپت تعریف شده است و خروجی نهایی CSS در همان لحظه توسط برنامه تولید می شود.
در زمینه DevTools، CSS-in-JS به این معنی است که محتوای CSS با استفاده از CSSOM API به صفحه تزریق می‌شود. CSS معمولی با استفاده از عناصر