الميزات الجديدة في إصدار Chrome 122

Adriana Jara

في ما يلي ما تحتاج إلى معرفته:

اسمي أدريانا جارا. لنتعرّف على الميزات الجديدة للمطوّرين في Chrome 122.

واجهة برمجة تطبيقات حزم التخزين.

توفّر Storage Buckets API دقة أكبر في إدارة مساحة التخزين الثابتة بشكل أفضل.

عادةً، عندما تنفد مساحة التخزين على جهاز المستخدم، يتم فقدان البيانات المُخزَّنة من خلال واجهات برمجة التطبيقات، مثل IndexedDB أو localStorage، بدون أن يتمكّن المستخدم من التدخل في الأمر. يمكنك استخدام طريقة persist() في واجهة StorageManager إحدى طرق الحفاظ على مساحة التخزين. ومع ذلك، لا يمكن استخدام طريقة طلب الاحتفاظ بمساحة التخزين هذه على الإطلاق أو لا

إنّ الفكرة الأساسية لواجهة برمجة التطبيقات Storage Buckets API هي منح المواقع الإلكترونية إمكانية إنشاء حِزم تخزين متعددة، حيث يمكن للمتصفّح أن يختار حذف كل حزمة بشكل مستقل عن الحِزم الأخرى. لهذا السبب، يمكنك تحديد أولوية الإزالة للتأكّد من عدم حذف البيانات الأكثر قيمة.يمكن أن تحتوي كل حزمة تخزين على بيانات مرتبطة بواجهات برمجة تطبيقات التخزين التي تم إنشاؤها، مثل IndexedDB وذاكرة التخزين المؤقت.

يمكنك الانتقال إلى مقالة عدم إنشاء كل مساحة التخزين على قدم المساواة: تقديم حزم التخزين لمزيد من التفاصيل ونماذج التعليمات البرمجية لبدء استخدام حزم التخزين.

تحسينات على "أدوات مطوري البرامج" في "لوحة الأداء"

في Chrome 122، يمكنك تضمين التحسينات التالية في لوحة الأداء:

أولاً، يتيح لك الآن المخطط الزمني في أعلى لوحة الأداء ضبط أشرطة التنقّل والانتقال السريع بينها. لضبط مسار تنقّل، اختَر نطاقًا في المخطط الزمني، ومرِّر مؤشر الماوس فوقه، ثم انقر على زر zoom_in المقابل N ms. يمكنك إنشاء العديد من مسارات التنقل المتداخلة على التوالي. للانتقال بين مستويات التكبير أو التصغير، انقر على مسار التنقل المقابل في السلسلة أعلى المخطط الزمني. شاهِد الفيديو التالي للاطّلاع على أشرطة التنقّل عمليًا.

تتوفّر الآن أيضًا جهات لبدء الأحداث في المسار الرئيسي. الأداء > يعرض المسار الرئيسي بشكل تلقائي الأسهم التي تربط المشاركين والأحداث التالية التي سبّبوها.

  • إلغاء صلاحية النمط أو التنسيق -> إعادة حساب الأنماط أو التنسيق
  • طلب إطار الصورة المتحركة -> تم تنشيط إطار الصورة المتحركة
  • طلب معاودة الاتصال غير المستخدَمة حاليًا -> تنشيط معاودة الاتصال غير المستخدَمة حاليًا
  • تثبيت الموقّت -> تم تنشيط الموقِّت
  • إنشاء WebSocket -> إرسال... وتلقّي تأكيد الاتصال بخادم WebSocket أو محو WebSocket

للاطّلاع على الأسهم، ابحث عن هذا الحدث في عملية التتبُّع وانقر عليه.

سهم من الطلب وتنشيط معاودة الاتصال غير المستخدَمة حاليًا.

يمكنك العثور على المزيد من التحديثات في "أدوات مطوري البرامج" ضمن الميزات الجديدة في الإصدار 122 من أدوات مطوّري البرامج.

الخيار unsanitized لواجهة برمجة التطبيقات Async Clipboard API

عند النسخ واللصق باستخدام واجهة برمجة التطبيقات Async Clipboard API، يتيح الخيار unsanitized للطريقة read() للتطبيقات والمواقع الإلكترونية الحصول على رمز HTML لم يتم تصحيحه. ما لم تتضمّن المواقع الإلكترونية هذه السمة، سيتم تصحيح محتوى HTML من الحافظة.

عند قراءة أنواع text/html MIME باستخدام واجهة برمجة التطبيقات غير المتزامنة، يتم استدعاء أداة تنقيح المحتوى لإزالة المحتوى من ترميز HTML بسبب مخاوف تتعلق بالأمان، ويتم تضمين الأنماط في رمز HTML الناتج. ويؤدي ذلك إلى حمولة HTML كبيرة وفقدان دقة محتوى HTML عند قراءته من قِبل مطوّري الويب أو تطبيقات الأجهزة الجوّالة.

يمكنك مشاهدة الفرق في المخرجات في المثال التالي.

الإدخال:

<style>p { color: blue; }</style><p>Hello, World!</p>'

تم تنظيفه (الإعداد التلقائي):

<p style='color: blue; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;'>Hello, World!</p>

مع الخيار unsanitized:

<html><head><style>p { color: blue; }</style></head><body><p>Hello, World!</p></body></html>

انتقِل إلى مقالة إزالة حظر الوصول إلى الحافظة للتعرّف على أساسيات واجهة برمجة تطبيقات الحافظة.

وغير ذلك

بالطبع هناك الكثير.

  • في CSS، لا تتطابق طلبات البحث في الحاوية مع الميزات غير المتوافقة أبدًا. على سبيل المثال، الاستعلام التالي لن تتطابق أبدًا بسبب الميزة غير المعروفة:
@container (width > 0px) or (unknown) {}

  • لا تؤثر dataTransfer.clearData() في كائنات الملفات، بل تحذف كائنات نوع النص فقط.

  • باستخدام drawingBufferStorage في WebGL، يمكنك تجنب النسخة الإضافية عند تحويل العرض إلى التنسيق التلقائي لبكسل المخزن المؤقت للرسم ورسم محتوى بدقة تزيد عن 8 بت.

محتوى إضافي للقراءة

يتناول هذا فقط بعض النقاط الرئيسية. يُرجى التحقق من الروابط التالية التغييرات الإضافية في الإصدار 122 من Chrome.

اشتراك

للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة مطوّري برامج Chrome على YouTube، وستتلقى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.

مرحبًا أدريانا جارا، وفور طرح Chrome 123، سأكون على أتمّ استعداد لإخبارك بالميزات الجديدة في Chrome.