جدید در کروم 128

آدریانا خارا

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

  • نمایش عناصر <ruby> با شکست خط بهتر است.
  • Promise.try زنجیره کردن Promises را آسان‌تر می‌کند.
  • PointerEvent برای شناسایی منحصر به فرد چندین قلم گسترش یافته است.
  • و چیزهای بیشتری وجود دارد.

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

خط شکستنی <ruby>

عنصر <ruby> ارائه متن را به ویژه برای زبان های آسیای شرقی بهبود می بخشد. این به شما امکان می دهد حاشیه نویسی آوایی یا سایر اطلاعات تکمیلی را در بالا یا کنار متن اصلی نمایش دهید.

یک عنصر یاقوت از دو بخش اصلی تشکیل شده است، پایه یاقوت که متن اصلی است و متن یاقوت که متن حاشیه نویسی است که با عنصر مشخص شده است.

پیش از این، اگر یک یاقوت پایه یا یک متن یاقوت بلندتر از یک خط کامل بود، آنها به صورت جداگانه پیچیده می شدند و چالش های طرح بندی را ایجاد می کردند.

اکنون یاقوت شکستنی خط، متن حاشیه نویسی یاقوت پیچیده شده را روی متن پایه پیچیده قرار می دهد و به رندر متن ایده آل می رسد.

برای مثال‌ها و اطلاعات بیشتر ، از ویژگی <ruby> و CSS ruby-align دیدن کنید.

قول بده. تلاش کن

Promise.try رسیدگی به خطاها را با Promises آسان تر می کند. الگویی وجود دارد که در آن شما یک تابع دارید، f . این تابع ممکن است ناهمگام باشد و یک Promise را برگرداند، یا ممکن است نباشد. برای استفاده از معنای Promise برای رسیدگی به خطاها در هر دو مورد، تابع را در یک Promise قرار می دهید.

یکی از راه‌های رسیدن به این هدف با Promise.resolve().then(f) است، اما در این مورد f به‌طور غیرضروری در تیک بعدی اجرا می‌شود.

برای جلوگیری از این مشکل باید از new Promise(resolve => resolve(f())) استفاده کنید که اصلاً ارگونومیک نیست.

Promise.try ، راه ساده و سرراست برای انجام همین کار است. این به شما امکان می‌دهد یک زنجیره Promise را راه‌اندازی کنید که همه خطاها را در کنترل‌کننده‌های .catch به‌جای رسیدگی به جریان‌های استثنا همزمان و ناهمزمان می‌گیرد.

برای کسب اطلاعات بیشتر ، اسناد Promise.try را بررسی کنید.

PointerEvent.deviceProperties برای مرکب زدن چند قلمی

توسعه دهندگان راهی برای تمایز بین دو قلم جداگانه در یک دیجیتالیزه کننده دارای جوهر نداشتند. ویژگی PointerEvent.pointerId موجود به روش‌های مختلفی پیاده‌سازی می‌شود و همیشه برای هر ضربه جوهر یا تعامل با صفحه باقی نمی‌ماند.

رابط PointerEvent اکنون برای شامل یک ویژگی جدید گسترش یافته است: deviceProperties . این ویژگی دارای ویژگی uniqueId است که نشان‌دهنده یک شناسه منحصربه‌فرد، سند جداشده و پایدار است که یک توسعه‌دهنده می‌تواند به‌طور قابل اعتمادی برای شناسایی قلم‌های فردی در تعامل با صفحه استفاده کند.

با این تغییر می‌توانید برای مثال رنگ‌ها یا شکل‌های قلم خاصی را برای هر دستگاهی که با دیجیتایزر در تعامل است تنظیم کنید.

درباره شروع کار با رویدادهای اشاره گر در Pointing the way to forward بخوانید.

و بیشتر!

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

  • ویژگی zoom CSS اکنون با آخرین استاندارد هماهنگ شده است.

  • خطاهای ایجاد و رندر صوتی AudioContext اکنون از طریق AudioContext.onerror گزارش می شوند.

  • پانل DevTools Animations اکنون انیمیشن ها را ضبط می کند و می توانید @keyframes به صورت زنده ویرایش کنید.

یادداشت های انتشار کامل را بخوانید .

در ادامه مطلب

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

مشترک شوید

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

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