جدید در کروم 119

آدریانا خارا

در اینجا چیزی است که شما باید بدانید:

من آدریانا خارا هستم. بیایید وارد آن شویم و ببینیم چه چیز جدیدی برای توسعه دهندگان در Chrome 119 وجود دارد.

تاریخ انقضای کوکی ها

از آنجایی که کروم 104 کوکی‌های تازه ایجاد شده یا آنهایی که با تاریخ انقضا به‌روزرسانی شده‌اند، این تاریخ در آینده بیش از 400 روز محدود نمی‌شود. همین محدودیت اکنون به صورت عطف به ماسبق برای کوکی‌هایی که قبلاً در انبار هستند اعمال می‌شود.

تاریخ انقضای این کوکی‌ها حداکثر 400 روز پس از اولین باری که Chrome 119+ راه‌اندازی می‌شود و یک بار انتقال پایگاه داده انجام می‌دهد محدود نخواهد شد. تأثیر این تغییر حداقل تا 400 روز پس از انتشار Chrome 119 توسط کاربران احساس نخواهد شد و سپس فقط برای کوکی‌های موجود که در آن دوره به‌روزرسانی نشده‌اند.

می‌توانید درباره توصیه تاریخ انقضا بیشتر بخوانید و در اینجا یک یادآوری دوستانه است که کوکی‌های شخص ثالث در آینده نزدیک منسوخ خواهند شد و راهنمایی برای آماده شدن برای منسوخ شدن .

به روز رسانی های CSS

برای CSS ما سه به روز رسانی داریم:

شماره یک: شبه کلاس های جدید :user-invalid و :user-valid که به ترتیب یک عنصر را با ورودی نادرست یا صحیح نشان می دهند، اما فقط پس از اینکه کاربر به طور قابل توجهی با آن تعامل داشته باشد. آنها شبیه به کلاس های :valid و :invalid هستند، اما با این محدودیت اضافه می شوند که شبه کلاس های جدید فقط پس از تعامل کاربر با عنصر مطابقت دارند.

شماره دو: نحو نسبی رنگ به توسعه دهندگان اجازه می دهد تا رنگ ها را با تغییر پارامترهای رنگ های دیگر تعریف کنند.

به عنوان مثال: oklab(from magenta calc(l * 0.8) ab); منجر به یک سرخابی Oklab می شود که 80٪ سبک تر است.

و شماره سه: clip-path اکنون مقادیر بیشتری را پشتیبانی می کند.

ویژگی clip-path یک منطقه برش ایجاد می کند که تعیین می کند چه بخشی از یک عنصر باید نشان داده شود. قسمت هایی که در داخل منطقه هستند نشان داده می شوند، در حالی که قسمت های خارج پنهان هستند.

اکنون می توانید از مقادیر <geometry-box> برای کنترل کادر مرجع کلیپ استفاده کنید و استفاده از clip-path را آسان تر می کند. این مقادیر کادر را می توان در کنار اشکال اصلی استفاده کرد (به عنوان مثال، clip-path: circle(50%) margin-box )، یا می توان آنها را به تنهایی برای برش دادن به کادر مشخص شده استفاده کرد (به عنوان مثال، clip-path: content-box ).

همچنین می توانید از توابع xywh() و rect() استفاده کنید که تعیین کلیپ های مستطیلی یا مستطیلی گرد را آسان تر می کند.

تصحیح: نسخه قبلی این مقاله به بهبود قاب‌های حصاردار اشاره داشت. این تغییرات اکنون در کروم 120 ارسال می شود.

و بیشتر!

البته چیزهای بیشتری وجود دارد.

  • WebSQL از Chrome 119 به طور کامل حذف شده است. نسخه آزمایشی مبدأ معکوس به توسعه دهندگان اجازه می دهد تا تا Chrome 123 به استفاده از WebSQL ادامه دهند.

  • اکنون می توان از گزینه monitorTypeSurfaces برای جلوگیری از اشتراک گذاری کل صفحه توسط کاربر با getDisplayMedia() استفاده کرد.

  • یک آزمایش اولیه وجود دارد که یک پارامتر fullscreen windowFeatures به API جاوا اسکریپت window.open() اضافه می کند تا به تماس گیرنده اجازه دهد یک پنجره بازشو را مستقیماً به حالت تمام صفحه باز کند.

بیشتر خواندن

این فقط برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در Chrome 119 پیوندهای زیر را بررسی کنید.

اشتراک در

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

Yo soy Adriana Jara، و به محض اینکه کروم 120 منتشر شد، من اینجا خواهم بود تا به شما بگویم چه چیزی در کروم جدید است!