أنواع ألوان والمسافات ألوان في CSS جديدة، ودوال CSS المثلثية، وView Transitions API.
تنطبق التغييرات التالية على أحدث إصدار من قناة Chrome التجريبية لأنظمة التشغيل Android وChromeOS وLinux وmacOS وWindows، ما لم يُذكر خلاف ذلك. تعرّف على مزيد من المعلومات عن الميزات المذكورة هنا من خلال الروابط المتوفرة أو من القائمة على ChromeStatus.com. يتوفّر Chrome 111 كإصدار تجريبي اعتبارًا من 9 شباط (فبراير) 2023. يمكنك تنزيل أحدث إصدار من Google.com لجهاز كمبيوتر سطح المكتب أو من "متجر Google Play" على أجهزة Android.
CSS
أنواع ألوان ومساحات جديدة في CSS
تم الآن تفعيل جميع الميزات الموضحة في مستوى ألوان CSS 4. ويشمل ذلك أربعة أنواع ألوان مستقلة عن الأجهزة (lab وOklab وlch وOklch)، والوظيفة color()، ومساحات الألوان التي يحدّدها المستخدم للتدرجات والصور المتحركة.
اطّلِع على دليل ألوان CSS العالية الدقة للتعرّف على أنواع الألوان والمساحات الجديدة هذه.
الدالة color-mix()
يمكنك الاستفادة من دالة color-mix() المفيدة للغاية من CSS Color 5. تتيح هذه الدالة مزج نسبة مئوية من لون مع آخر، في أي مساحة لون متاحة. يمزج المثال التالي 10% من blue إلى white في SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
أدوات اختيار لغة CSS 4 Pseudo-Class :nth-child(an + b of S)
يمتد إلى :nth-child(an + b) و:nth-last-child() لاستخدام أداة اختيار. على سبيل المثال، :nth-child(3 of .c) هو ثالث .c ضمن أحد الوالدَين. لمعرفة المزيد من المعلومات، يُرجى الاطّلاع على المشاركة بعنوان مزيد من التحكّم في اختيارات :nth-child() باستخدام بنية of S.
وحدات خطوط جذر CSS
لإضافة وحدات الخط الجذر: rex وrch وric وrlh إلى وحدة خط الجذر الحالية في rem
الدوال المثلّثية في CSS
تمت إضافة الدوال المثلثية sin() وcos() وtan() وasin() وacos() وatan() وatan2() إلى التعبيرات الحسابية في CSS.
طلبات بحث حاويات الأنماط لخصائص CSS المخصَّصة
إضافة الدالة style() إلى قواعد @container لإتاحة تطبيق الأنماط استنادًا إلى القيم المحسوبة للخصائص المخصّصة لعنصر الأصل
السمة baseline-source
تسمح السمة baseline-source لمطوّري البرامج على الويب بتحديد ما إذا كان يجب استخدام خط الأساس first أو last للمحاذاة داخل مربّع خط.
واجهات برمجة تطبيقات الويب
سلسلة سياسة الأذونات والأذونات "window-management"
يُضيف Chrome 111 window-management باعتباره اسمًا مستعارًا لسلاسل أذونات window-placement وسلاسل سياسات الأذونات. يأتي ذلك في إطار الجهود الكبيرة لإعادة تسمية السلاسل من خلال إيقاف نهائيًا window-placement وإزالته. أدى تغيير المصطلحات إلى تحسين مدة استخدام الواصف مع تطور واجهة برمجة التطبيقات Window Management API بمرور الوقت.
واجهة برمجة التطبيقات لجلسات الوسائط: تقديم إجراءات الشرائح
إضافة إجراءَي previousslide وnextslide إلى واجهة برمجة التطبيقات الحالية لجلسات الوسائط
يمكن تغيير حجم ArrayBuffer وSharedArrayBuffer قابل للنمو
قم بتوسيع دوال الإنشاء ArrayBuffer لاستخدام حد أقصى إضافي للطول الذي يسمح بالنمو المكاني وتقليص الموارد الاحتياطية. وبالمثل، تم تمديد SharedArrayBuffer لفرض حد أقصى إضافي يسمح بالنمو في المكان نفسه.
قواعد التوقُّع: مفتاح سياسة المُحيل
تؤدّي هذه الخطوة إلى توسيع بنية قواعد التوقُّع للسماح للمطوّرين بتحديد سياسة المُحيل لاستخدامها مع الطلبات المبنية على توقُّعات التي يتم تشغيلها من خلال قواعد التوقُّع. تؤدي هذه الخطوة أيضًا إلى تقديم "سياسة المُحيل الصارمة بما فيه الكفاية" المتطلب.
جارٍ بث نموذج shadow DOM التعريفي
ويتيح ذلك البث من خلال إرفاق جذر الظل في الفتحة بدلاً من علامة نموذج الإغلاق.
عرض واجهة Transitions API
تفعيل إنشاء انتقالات مصقولة في تطبيقات الصفحة الواحدة (SPA) من خلال التقاط طرق عرض والسماح في DOM بالتغيير بدون أي تداخل بين الحالات. ويمكنك استخدام عرض الانتقالات لإنشاء انتقالات مخصصة، أو استخدام إعداد تلقائي بسيط للتلاشي المتبادل لتحسين تجربة المستخدم.
يُرجى الاطّلاع على مقالة مطوّري Chrome للحصول على مزيد من المعلومات وأمثلة على عمليات النقل لمساعدتك في البدء.
إضافات ترميز الفيديو القابلة للتطور في WebRTC
تحدِّد هذه الإضافة طريقة عادية للاختيار من بين إعدادات ترميز الفيديو القابل للتطوير (SVC) في مسار فيديو WebRTC صادر.
سمة WebXR enabledFeatures
تعرض مجموعة الميزات التي تم تفعيلها لهذا XRSession كما هو محدد من XRSessionInit والميزات الضمنية التي تتطلبها المواصفات للوضع والميزات المحددة. بالنسبة إلى أي جلسة معيّنة، ستحتوي هذه المجموعة على جميع requiredFeatures، وقد تكون مجموعة فرعية من optionalFeatures. تحتوي معظم الميزات على طرق بديلة لاكتشاف ما إذا تم منحها؛ ومع ذلك، بالنسبة إلى بعض الميزات، قد ترتبط الإشارة، ما إذا تم تفعيل إحدى الميزات أم لا، ارتباطًا وثيقًا ببيانات ميزة لا تتوفّر في الوقت الحالي، بدلاً من عدم توفُّر بيانات على الإطلاق. من خلال إرسال طلب بحث عن enabledFeatures، يمكنك تحديد ما إذا كان يجب عرض أي تلميحات مفيدة (على سبيل المثال، لتحسين التتبُّع أو بدء تشغيله)، أو ما إذا كانت الميزة لن تتوفّر مطلقًا في الجلسة الحالية.
مراحل التجربة والتقييم قيد التقدم
في الإصدار 111 من Chrome، يمكنك تفعيل تجارب المصادر الجديدة التالية.
إيقاف الفترة التجريبية الأخيرة بسبب تجاوز تجاوز سياسة أمان المحتوى (CSP) في connect-src في Web Payment API
يمكنك إيقاف قدرة Web Payment API على تجاوز سياسة Connect-src CSP عند جلب البيان. بعد هذا الإيقاف النهائي، يجب أن تسمح سياسة Connect-src CSP الخاصة بالموقع الإلكتروني بالسماح بعنوان URL لطريقة الدفع المحدَّد في طلب PaymentRequest، بالإضافة إلى أي عناوين URL أخرى تعمل سلسلة الطرق على استرجاع البيان الخاص بها.
تمت إزالة إمكانية التجاوز هذه في Chrome 111 من خلال مرحلة التجربة والتقييم العكسي من 111 إلى 113 لهؤلاء المطوّرين الذين يحتاجون إلى إعادة تفعيل التجاوز مؤقتًا. لتفعيل هذه الميزة، يمكنك التسجيل في التجربة العكسية للإيقاف النهائي من أجل تجاوز سياسة CSP connect-src.
مستند ضمن "نافذة ضمن النافذة"
واجهة برمجة تطبيقات Document Picture-in-Picture هي واجهة برمجة تطبيقات جديدة لفتح نافذة تظهر في أعلى الشاشة ويمكن تعبئتها بمحتوى HTML عشوائي. هذا توسيع على واجهة برمجة التطبيقات Picture-in-Picture الحالية التي لا تسمح إلّا بوضع عنصر HTMLVideoElement في نافذة "نافذة ضمن النافذة". يسمح ذلك للمطوّرين على الويب بتوفير تجربة "نافذة ضمن النافذة" (PIP) أفضل للمستخدمين.
يمكنك الاطّلاع على مستندات نافذة ضمن النافذة.
يُرجى التسجيل في مرحلة التجربة والتقييم في ميزة "نافذة ضمن النافذة".
عمليات الإيقاف وعمليات الإزالة
يوضِّح هذا الإصدار من متصفّح Chrome عمليات الإيقاف وعمليات الإزالة المُدرجة أدناه. يمكنك زيارة ChromeStatus.com للاطّلاع على قوائم بعمليات الإيقاف المخططة وعمليات الإيقاف الحالية وعمليات الإزالة السابقة.
يزيل هذا الإصدار من Chrome ثلاث ميزات.
إزالة وسائل الدفع
Paymentpayments هي واجهة برمجة تطبيقات الويب التي تتيح تثبيت تطبيقات الدفع التي لا تتبع JIT. (يُرجى الاطلاع على https://w3c.github.io/payment-handler/). وتم تصميم هذا البرنامج بافتراض أنّ المتصفِّح سيخزِّن تفاصيل وسيلة الدفع الفعلية، والتي لم اتضح أنّها صحيحة، كما أنّه يتضمّن بعض تسريبات الخصوصية. ولم يشحن ذلك أيضًا إلى أي متصفح آخر، ولم نلاحظ أي اهتمام من موردي المتصفحات الآخرين. وبناءً على ذلك، تم إيقاف واجهة برمجة التطبيقات هذه وإزالتها.
إزالة تجاوز connect-src سياسة أمان المحتوى (CSP) في Web Payment API
إيقاف إمكانية تجاوز Web Payment API لسياسة connect-src CSP عند جلب البيان بعد هذه الإزالة، يجب أن تسمح سياسة CSP الخاصة بالموقع الإلكتروني في connect-src بإتاحة عنوان URL لطريقة الدفع المحدّدة في طلب PaymentRequest، بالإضافة إلى أي عناوين URL أخرى تعمل سلسلة الطرق على جلب بيانها.
يمكنك الاطّلاع على المعلومات الواردة في مراحل التجربة والتقييم لمعرفة طريقة الموافقة على بدء فترة تجريبية للإيقاف النهائي لمنح المزيد من الوقت لإجراء التغييرات المطلوبة بسبب عملية الإزالة هذه.
هوية التاجر في حدث واحد (canmakepayment)
يتيح حدث مشغّل الخدمات canmakepayment للتاجر معرفة ما إذا كان المستخدم لديه بطاقة مسجَّلة في تطبيق دفع مثبَّت. وكانت تُستخدم لتمرير بيانات مصدر التاجر والبيانات العشوائية بدون تنبيه إلى مشغّل الخدمات من مصدر تطبيق الدفع. حدث هذا الاتصال المتعدد المصادر أثناء إنشاء PaymentRequest في JavaScript، ولم يتطلب إيماءة مستخدم، ولم يعرض أي واجهة مستخدم. تمت إزالة فقرة البيانات الصامتة من حدث canmakepayment ومن نية Android IS_READY_TO_PAY).