الجديد في Chrome 88

Pete LePage

بدأ طرح الإصدار 88 من Chrome على الإصدار الثابت الآن.

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

  • يمكنك الآن تحميل الإضافات باستخدام manifest V3 إلى "سوق Chrome الإلكتروني".
  • تسهّل خاصية CSS aspect-ratio ضبط نسبة العرض إلى الارتفاع على أي عنصر.
  • سيعمل Chrome 88 على تقييد مؤقتات JavaScript المتسلسلة للصفحات المخفية في حالات معيّنة.
  • يمكنك الآن استخدام الفوترة في Play في سجلّ "النشاط الموثوق على الويب".
  • تم إنشاء جميع الفيديوهات من مؤتمر Chrome Dev Summit.
  • وهناك الكثير غيرها.

اسمي بيت ليب، وأعمل وأتصّل بالتصوير من المنزل، لِنطّلِع على التفاصيل ونتعرّف على الميزات الجديدة للمطوّرين في Chrome 88.

ملف البيان - الإصدار 3

يتوافق Chrome 88 الآن مع الإضافات التي تم إنشاؤها بإصدار Manifest V3، ويمكنك تحميلها إلى "سوق Chrome الإلكتروني". Manifest V3 هو نظام أساسي جديد للإضافات يجعل إضافات Chrome أكثر أمانًا وأداءً واحترامًا للخصوصية تلقائيًا.

على سبيل المثال، تمنع هذه الإضافة الرموز المستضافة عن بُعد، ما يساعد مراجعي "سوق Chrome الإلكتروني" في التعرّف بشكل أفضل على المخاطر التي تشكّلها الإضافة. ويجب أن يسمح لك بتحديث الإضافات بشكل أسرع

فهو يقدم عمال الخدمة كبديل لصفحات الخلفية. ونظرًا لأن عاملي الخدمة لا يقيمون في الذاكرة إلا عند الحاجة، فستستخدم الإضافات موارد نظام أقل.

ولمنح المستخدمين أذونات وصول والتحكُّم بشكل أكبر في كيفية استخدام الإضافات لبياناتهم ومشاركتها، سنعتمد في إصدار مستقبلي عملية تثبيت جديدة تسمح للمستخدمين بالاحتفاظ بأذونات حساسة أثناء التثبيت.

يمكنك الانتقال إلى developer.chrome.com للاطّلاع على التفاصيل الكاملة وكيفية نقل بيانات الإضافة الحالية إلى الإصدار 3 من بيان التطبيق.


سمة aspect-ratio في خدمة مقارنة الأسعار (CSS)

عادةً، تكون نسبة العرض إلى الارتفاع لبعض العناصر فقط، مثل الصور. وبالنسبة إليها، إذا تم تحديد العرض أو الارتفاع فقط، يتم احتساب القيمة الأخرى تلقائيًا باستخدام نسبة العرض إلى الارتفاع الأساسية.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

في الإصدار 88 من Chrome، تسمح لك السمة aspect-ratio بتحديد نسبة العرض إلى الارتفاع بشكل صريح، ما يتيح سلوكًا مشابهًا.

.square {
  aspect-ratio: 1 / 1;
}

يمكنك أيضًا استخدام التحسين التدريجي للتحقّق مما إذا كان متوافقًا مع المتصفّح، وتطبيق إجراء احتياطي إذا لزم الأمر. وبعد ذلك، باستخدام أداة اختيار not الجديد في CSS 4، يمكنك جعل الرمز البرمجي أكثر وضوحًا.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

شكرًا جين سيمونز على ذِكر أنّ هذه الميزة متوفرة في المعاينة الفنية الأخيرة من Safari، لذا سنراها في Safari قريبًا! ويمكنك الاطّلاع على عرض "أونا" التوضيحي لرؤيته وهو يعمل.

تقييد شديد لمؤقتات JavaScript المتسلسلة

سيقيد Chrome 88 بشكل كبير مؤقتات JavaScript المتسلسلة للصفحات المخفية في حالات معيّنة. سيؤدي ذلك إلى تقليل استخدام وحدة المعالجة المركزية (CPU)، ما سيؤدي أيضًا إلى تقليل استخدام البطارية. هناك بعض الحالات الهامشية التي سيؤدي فيها هذا إلى تغيير السلوك، ولكن غالبًا ما يتم استخدام الموقتات حيث تكون واجهة برمجة التطبيقات المختلفة أكثر كفاءة وأكثر موثوقية.

كانت هذه المصطلحات معقدة إلى حد كبير وغامضة بعض الشيء، لذا ننصحك بالاطّلاع على مقالة "جيك" التقييد الثقيل لموقّتات JavaScript المتسلسلة التي تبدأ في الإصدار 88 من Chrome للاطّلاع على جميع التفاصيل.

فوترة Play في "النشاط الموثوق به على الويب"

يمكنك الآن استخدام خدمة "الفوترة في Play" في "النشاط على الويب الموثوق به" لبيع سلع واشتراكات رقمية باستخدام واجهة برمجة التطبيقات Digital Goods API الجديدة. تتوفّر هذه الميزة كنسخة تجريبية أصلية في الإصدار 88 من Chrome على نظام التشغيل Android، ونتوقع توسيع نطاق التجربة والتقييم على نظام التشغيل ChromeOS في الإصدار التالي.

بعد إعداد حساباتك، حدِّث "النشاط على الويب الموثوق به" لتفعيل خدمة الفوترة على Play وإنشاء سلعك الرقمية في Play Console. بعد ذلك، أضِف الرمز المميّز لمرحلة التجربة والتقييم في تطبيق الويب التقدّمي (PWA)، وستصبح جاهزًا لإضافة الرمز للتحقّق من عمليات الشراء الحالية والاستعلام عن المشتريات المتاحة وإجراء عمليات شراء جديدة.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

تتحدث "أدريانا" و"أندريه" عن مزيد من التفاصيل في حديثهما حول "مؤتمر Chrome Dev Summit": حول ما هو الجديد في تطبيقات الويب في Play؟ أو يمكنك الاطّلاع على docs.

والمزيد

وبالطبع هناك المزيد.

  • للالتزام بالتغيير الذي تم إجراؤه في معيار HTML، ستتضمّن علامات الارتساء target="_blank" الآن rel="noopener" تلقائيًا، ما يساعد في منع هجمات النقر على علامات التبويب.
  • تتيح معظم أنظمة التشغيل إمكانية تسريع الماوس بشكل تلقائي، لكن ذلك قد يمثل مشكلة في بعض الألعاب. في الإصدار 88 من Chrome، تسمح لك واجهة برمجة تطبيقات Pointer Lock API بإيقاف ميزة تسريع الماوس. وهذا يعني أن الحركة الجسدية نفسها، سواء كانت بطيئة أو سريعة، تؤدي إلى التناوب نفسه، ما يوفِّر تجربة لعب أفضل ودقة أعلى.
  • وتتوفّر الآن addEventListener إشارة إيقاف كخيار. يؤدي الاتصال بـ abort() إلى إزالة أداة معالجة الحدث هذه، ما يسهّل إيقاف أدوات معالجة الأحداث عند عدم الحاجة إليها.

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

يتناول هذا فقط بعض النقاط الرئيسية. راجِع الروابط أدناه للاطّلاع على التغييرات الإضافية في الإصدار Chrome 88.

اشتراك

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

اسمي بيت لي بيج، وبعد طرح الإصدار 89 من Chrome، سأكون هنا لإخبارك بالميزات الجديدة في Chrome!