جدید در کروم 120

آدریانا خارا

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

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

CloseWatcher API.

یکی از ویژگی‌های مهم اجزای مدال یا پاپ‌آپ این است که بسته شدن آنها آسان است و مکانیسم ثابتی برای انجام این کار وجود دارد. این مکانیسم ها درخواست های نزدیک نامیده می شوند، آنها معمولاً کلید ESC در پلتفرم های دسکتاپ و ژست یا دکمه برگشت در Android هستند.

توسعه دهندگان وب هیچ راه خوبی برای رسیدگی به درخواست های نزدیک برای اجزای خود نداشتند. این به ویژه در دستگاه‌های اندرویدی مشکل‌ساز است، جایی که ارائه رفتار بستن ساده برای ژست عقب بسیار پیچیده است.

Chrome 120 راه حل را با CloseWatcher ارائه می کند، یک API جدید برای گوش دادن مستقیم و پاسخ به درخواست های بسته. همچنین شامل ارتقاء به <dialog> و popover="" برای استفاده از چارچوب جدید درخواست بسته، به طوری که آنها به دکمه بازگشت Android پاسخ دهند.

نسخه ی نمایشی CloseWatcher API را بررسی کنید تا آن را امتحان کنید.

ویژگی نام <details>

ویژگی name برای عنصر <details> اجرای الگوی آکاردئونی را با استفاده از دنباله ای از عناصر <details> HTML آسان می کند.

چندین عنصر <details> که name یکسانی دارند یک گروه را تشکیل می دهند. با این تنظیمات حداکثر می توان یک عنصر در آن گروه را به طور همزمان باز کرد.

در اینجا یک مثال با گروهی است که cookies نام را به اشتراک می گذارد:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

گزارش نقض خط مشی مجوز

گزارش‌های نقض خط‌مشی مجوزها اکنون در دسترس هستند، این گزارش‌ها API خط‌مشی مجوزها را ادغام می‌کند که به توسعه‌دهندگان اجازه می‌دهد تا با اعلام مجموعه‌ای از خط‌مشی‌ها برای اعمال مرورگر با Reporting API ، ویژگی‌های مرورگر موجود در صفحه، iframe‌ها و منابع فرعی آن را کنترل کنند. Reporting API مکانیزم گزارش دهی عمومی را برای برنامه های کاربردی وب فراهم می کند تا از آن برای در دسترس قرار دادن گزارش ها بر اساس چندین ویژگی پلت فرم استفاده کنند.

این ادغام API سیاست مجوزها و گزارش API به توسعه‌دهندگان وب اجازه می‌دهد تا نقاط پایانی را پیکربندی کنند، که گزارش‌های نقض خط‌مشی مجوزها به آن‌ها ارسال می‌شود و به مالکان سایت اجازه می‌دهد ببینند چه زمانی ویژگی‌های غیرمجاز برای صفحاتشان در فیلد درخواست می‌شود.

کنترل ویژگی‌های مرورگر با خط‌مشی مجوزها شامل جزئیات پیاده‌سازی بیشتری است.

و بیشتر!

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

  • پیاده‌سازی تودرتوی CSS به قوانین سبک تودرتو اجازه می‌دهد تا با یک عنصر شروع شوند، نه اینکه با is() پیچیده شوند یا به علامت علامت در جلو نیاز داشته باشند.

  • با اکشن enterpictureinpicture در Media Session API، وب‌سایت‌ها می‌توانند یک کنترل‌کننده عمل ثبت کنند که می‌تواند برای باز کردن پنجره تصویر در تصویر یا سند تصویر در تصویر استفاده شود.

  • و یک یادآوری که Chrome در حال تلاش برای منسوخ کردن کوکی‌های شخص ثالث است. در ژانویه آزمایشی شروع می‌شود که می‌تواند بر وب‌سایت شما تأثیر بگذارد، بنابراین مهم است که «آماده‌سازی برای پایان کوکی‌های شخص ثالث» را برای بررسی و کاهش مراحل بررسی کنید.

در ادامه مطلب

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

مشترک شوید

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

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

،

آدریانا خارا

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

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

CloseWatcher API.

یکی از ویژگی‌های مهم اجزای مدال یا پاپ‌آپ این است که بسته شدن آنها آسان است و مکانیسم ثابتی برای انجام این کار وجود دارد. این مکانیسم ها درخواست های نزدیک نامیده می شوند، آنها معمولاً کلید ESC در پلتفرم های دسکتاپ و ژست یا دکمه برگشت در Android هستند.

توسعه دهندگان وب هیچ راه خوبی برای رسیدگی به درخواست های نزدیک برای اجزای خود نداشتند. این به ویژه در دستگاه‌های اندرویدی مشکل‌ساز است، جایی که ارائه رفتار بستن ساده برای ژست عقب بسیار پیچیده است.

Chrome 120 راه حل را با CloseWatcher ارائه می کند، یک API جدید برای گوش دادن مستقیم و پاسخ به درخواست های بسته. همچنین شامل ارتقاء به <dialog> و popover="" برای استفاده از چارچوب جدید درخواست بسته، به طوری که آنها به دکمه بازگشت Android پاسخ دهند.

نسخه ی نمایشی CloseWatcher API را بررسی کنید تا آن را امتحان کنید.

ویژگی نام <details>

ویژگی name برای عنصر <details> اجرای الگوی آکاردئونی را با استفاده از دنباله ای از عناصر <details> HTML آسان می کند.

چندین عنصر <details> که name یکسانی دارند یک گروه را تشکیل می دهند. با این تنظیمات حداکثر می توان یک عنصر در آن گروه را به طور همزمان باز کرد.

در اینجا یک مثال با گروهی است که cookies نام را به اشتراک می گذارد:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

گزارش نقض خط مشی مجوز

گزارش‌های نقض خط‌مشی مجوزها اکنون در دسترس هستند، این گزارش‌ها API خط‌مشی مجوزها را ادغام می‌کند که به توسعه‌دهندگان اجازه می‌دهد تا با اعلام مجموعه‌ای از خط‌مشی‌ها برای اعمال مرورگر با Reporting API ، ویژگی‌های مرورگر موجود در صفحه، iframe‌ها و منابع فرعی آن را کنترل کنند. Reporting API مکانیزم گزارش دهی عمومی را برای برنامه های کاربردی وب فراهم می کند تا از آن برای در دسترس قرار دادن گزارش ها بر اساس چندین ویژگی پلت فرم استفاده کنند.

این ادغام API سیاست مجوزها و گزارش API به توسعه‌دهندگان وب اجازه می‌دهد تا نقاط پایانی را پیکربندی کنند، که گزارش‌های نقض خط‌مشی مجوزها به آن‌ها ارسال می‌شود و به مالکان سایت اجازه می‌دهد ببینند چه زمانی ویژگی‌های غیرمجاز برای صفحاتشان در فیلد درخواست می‌شود.

کنترل ویژگی‌های مرورگر با خط‌مشی مجوزها شامل جزئیات پیاده‌سازی بیشتری است.

و بیشتر!

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

  • پیاده‌سازی تودرتوی CSS به قوانین سبک تودرتو اجازه می‌دهد تا با یک عنصر شروع شوند، نه اینکه با is() پیچیده شوند یا به علامت علامت در جلو نیاز داشته باشند.

  • با اکشن enterpictureinpicture در Media Session API، وب‌سایت‌ها می‌توانند یک کنترل‌کننده عمل ثبت کنند که می‌تواند برای باز کردن پنجره تصویر در تصویر یا سند تصویر در تصویر استفاده شود.

  • و یک یادآوری که Chrome در حال تلاش برای منسوخ کردن کوکی‌های شخص ثالث است. در ژانویه آزمایشی شروع می‌شود که می‌تواند بر وب‌سایت شما تأثیر بگذارد، بنابراین مهم است که «آماده‌سازی برای پایان کوکی‌های شخص ثالث» را برای بررسی و کاهش مراحل بررسی کنید.

در ادامه مطلب

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

مشترک شوید

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

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