در اینجا چیزی است که شما باید بدانید:
- با CSS Anchor Positioning، لنگر انداختن عناصر ساده‌تر از همیشه است.
- Compute Pressure API به بهینه سازی توان رایانه موجود کمک می کند.
- Storage Access API بیشتر از فضای ذخیره کوکی گسترش یافته است.
- و چیزهای بیشتری وجود دارد.
من آدریانا خارا هستم. بیایید وارد آن شویم و ببینیم چه چیزی برای توسعه دهندگان در Chrome 125 جدید است.
CSS Anchor Positioning.
نمایش یک عنصر متصل به عنصر دیگر به شما امکان می دهد الگوهای رابط کاربری ایجاد کنید مانند استفاده از پاپاور به عنوان راهنمای ابزار و وصل کردن آن به عنصری که آن را فراخوانی می کند.
با CSS Anchor Positioning می‌توانید یک عنصر کاملاً موقعیت‌یافته را به یک یا چند عنصر در صفحه به روشی اعلانی متصل کنید. نیازی به جاوا اسکریپت ندارد و زمانی که لنگرها قابل پیمایش هستند عملکرد خوبی دارد.
ویژگی موقعیت یابی لنگر از تعداد زیادی ویژگی CSS تشکیل شده است. تعدادی از خواص کلیدی به شرح زیر است:
-
anchor-name: یک عنصر را به عنوان لنگر برای عناصر دیگر تنظیم می کند. -
position-anchor: لنگر «پیش‌فرض» را توصیف می‌کند که یک عنصر لنگر باید برای موقعیت‌یابی لنگر استفاده کند. - تابع
anchor(): اشاره به موقعیت عنصر anchor در تعیین موقعیت عنصر anched دارد. -
inset-area: مختصری برای موقعیت‌یابی، برای موقعیت‌های نسبی مشترک.
Compute Pressure API.
Compute Pressure API حالت های سطح بالایی را ارائه می دهد که نشان دهنده بار CPU در سیستم است.
هنگام بهینه‌سازی برای استفاده متعادل از توان رایانه، API از معیارهای سخت‌افزاری زیربنایی درست استفاده می‌کند تا اطمینان حاصل شود که کاربران می‌توانند از تمام قدرت پردازشی موجود استفاده کنند تا زمانی که سیستم تحت فشار غیرقابل کنترل نباشد.
اینتل کار طراحی و پیاده‌سازی این API را رهبری کرد، که به برنامه‌های کنفرانس ویدیویی اجازه می‌دهد به طور پویا بین ویژگی‌ها و عملکرد تعادل برقرار کنند.
برای نمونه ها و اطلاعات بیشتر از Compute Pressure API دیدن کنید.
Storage Access API (SAA) به فضای ذخیره‌سازی غیرکوکی گسترش یافت.
Storage Access API یک API جاوا اسکریپت است که به‌عنوان جایگزینی برای کوکی‌های متقابل سایت، برای جاسازی‌هایی که به بارگیری منابع بین‌سایتی بستگی دارد، برای درخواست مجوز دسترسی از کاربر، بر اساس نیاز، ایجاد شده است.
این نسخه شامل یک افزونه برای استفاده از API فراتر از کوکی ها است. با افزونه می‌توانید به کوکی‌های پارتیشن نشده و فضای ذخیره‌سازی غیرکوکی در یک زمینه شخص ثالث، به عنوان مثال برای indexedDB و ذخیره‌سازی محلی، دسترسی داشته باشید. کد زیر نمونه ای برای درخواست دسترسی به indexedDB را نشان می دهد.
// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});
// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");
و بیشتر!
البته چیزهای بیشتری وجود دارد.
یک آزمایش اولیه برای Device Posture API و Viewport Segments Enumeration API وجود دارد. این APIها برای کمک به توسعه دهندگان برای هدف قرار دادن دستگاه های تاشو طراحی شده اند.
توابع با ارزش مرحله‌ای CSS
round()،mod()وrem()اضافه شده‌اند و این ویژگی‌ها را به تازگی در دسترس قرار داده است.API اشتراک‌گذاری شده اکنون از کارکردهای متقاطع بدون نیاز به ایجاد iframe پشتیبانی می‌کند.
یادداشت های انتشار کامل را بخوانید .
بیشتر خواندن
این فقط برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در کروم 125 پیوندهای زیر را بررسی کنید.
- موارد جدید در Chrome DevTools (125)
- به‌روزرسانی‌های ChromeStatus.com برای Chrome 125
- فهرست تغییر مخزن منبع Chromium
- تقویم انتشار کروم
اشتراک در
برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.
Yo soy Adriana Jara، و به محض اینکه کروم 126 منتشر شد، من اینجا خواهم بود تا به شما بگویم که چه چیزی در کروم جدید است!