در اینجا چیزی است که شما باید بدانید:
- CSS
text-wrap: balanceبرای بهبود طرح‌بندی متن در دسترس است. - کوکی‌های تقسیم‌بندی شده توسط سایت سطح بالا ( CHIPS ) اینجا هستند.
- Popover ها با Popover API ساده تر از همیشه هستند.
- و چیزهای بیشتری وجود دارد.
من آدریانا خارا هستم. بیایید وارد آن شویم و ببینیم چه چیزی برای توسعه دهندگان در Chrome 114 جدید است.
text-wrap:balance .
از text-wrap: balance برای بهبود طرح‌بندی متن استفاده کنید. انیمیشن زیر تفاوت شما را با این یک خط نشان می دهد.
به عنوان یک توسعه دهنده، اندازه نهایی، اندازه فونت یا حتی زبان متن را نمی دانید. همه متغیرها برای درمان موثر بسته بندی متن مورد نیاز هستند. از آنجایی که مرورگر همه عوامل را می‌داند، با text-wrap:balance می‌توانید از مرورگر درخواست کنید تا بهترین راه‌حل بسته بندی خط متعادل را پیدا کند.
بلوک متن متعادل برای چشم خواننده خوشایندتر است. توجه را بهتر جلب می کند و به طور کلی خواندن آن آسان تر است.
متوازن کردن سرفصل‌ها مورد استفاده اصلی برای text-wrap: balance . برای متعادل کردن متن هزینه عملکردی وجود دارد، بنابراین برای کاهش هزینه فقط تا چهار خط کار می کند.
این مقاله را با نمونه ها و جزئیات بیشتر برای بهبود طرح بندی متن خود بررسی کنید.
تراشه ها: کوکی هایی که حالت تقسیم شده مستقل دارند.
CHIPS (کوکی‌هایی که حالت پارتیشن بندی شده مستقل دارند) ، شرکت در کوکی‌های شخص ثالث را که توسط سایت سطح بالا با استفاده از ویژگی کوکی جدید Partitioned پارتیشن بندی می‌شوند، امکان پذیر می‌سازد.
قبل از CHIPS، زمانی که کاربر از سایت A بازدید می کند، سایت جاسازی شده C می تواند یک کوکی روی دستگاه کاربر تنظیم کند. اگر کاربر سپس از سایت B بازدید کند که سایت C را نیز جاسازی می کند، سایت C می تواند به همان کوکی که در سایت A تنظیم شده است دسترسی پیدا کند. این به سایت C اجازه می دهد تا فعالیت مرور کاربر را در سایت A، B و هر سایتی که جاسازی شده است جمع آوری کند. در
در حالی که ردیابی بین سایتی یک مشکل است، نیازهای معتبری برای کوکی بین سایتی وجود دارد که می توان با پارتیشن بندی کوکی به روشی حفظ حریم خصوصی به دست آورد.
با CHIPS هنگامی که کاربر از سایت A بازدید می کند و محتوای جاسازی شده از سایت C یک کوکی با ویژگی Partitioned تنظیم می کند، کوکی در یک شیشه پارتیشن بندی شده فقط برای کوکی هایی ذخیره می شود که سایت C در هنگام جاسازی در سایت A تنظیم می کند. مرورگر فقط آن را ارسال می کند. کوکی زمانی که سایت سطح بالا A باشد.
هنگامی که کاربر از یک سایت جدید بازدید می کند، برای مثال سایت B، سایت C کوکی را که در زمان تعبیه C در سایت A تنظیم شده بود، دریافت نمی کند.
برای جزئیات بیشتر در مورد فرآیند حذف تدریجی کوکی‌های شخص ثالث، این مقاله را بررسی کنید.
Popover API.
با Popover API ساختن عناصر رابط کاربری گذرا (UI) که در بالای همه UI برنامه های وب دیگر نمایش داده می شوند، آسان تر است.
این موارد شامل عناصر تعاملی کاربر مانند منوهای عمل، پیشنهادات عناصر فرم، انتخاب‌کننده محتوا و رابط کاربری آموزشی است.
ویژگی popover جدید هر عنصری را قادر می سازد تا به طور خودکار در لایه بالایی نمایش داده شود. این بدان معناست که دیگر نگران موقعیت‌یابی، چیدمان عناصر، فوکوس یا تعاملات صفحه کلید برای توسعه‌دهنده نباشید.
این شبیه به عنصر <dialog> است، اما چندین تفاوت مهم دارد، از جمله رفتار رد کردن نور، مدیریت تعامل popover، و پشتیبانی رویداد، و عدم وجود حالت "modal".
برای اطلاعات بیشتر این مقاله را بررسی کنید.
و بیشتر!
البته چیزهای بیشتری وجود دارد.
- DevTools به شما امکان می دهد کدهای C و C++ را در برنامه های WebAssembly با پشتیبانی از DWARF مکث و اشکال زدایی کنید.
- گزینه
exclusionFiltersدرnavigator.bluetooth.requestDevice()به توسعه دهندگان وب اجازه می دهد تا برخی از دستگاه ها را از انتخابگر مرورگر حذف کنند. - یک آزمایش اولیه برای Background Blur وجود دارد.
در ادامه مطلب
این فقط برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در Chrome 114 پیوندهای زیر را بررسی کنید.
- موارد جدید در Chrome DevTools (114)
- لغو و حذف Chrome 114
- به‌روزرسانی‌های ChromeStatus.com برای Chrome 114
- فهرست تغییر مخزن منبع Chromium
- تقویم انتشار کروم
مشترک شوید
برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.
Yo soy Adriana Jara، و به محض اینکه Chrome 115 منتشر شد، من اینجا خواهم بود تا به شما بگویم چه چیزهای جدیدی در Chrome وجود دارد!