الإصدار التجريبي من Chrome 149

Rachel Andrew

تم النشر في: 6 مايو 2026

ما لم يُذكر خلاف ذلك، تنطبق التغييرات التالية على أحدث إصدار من قناة Chrome التجريبية لأجهزة Android وChromeOS وLinux وmacOS وWindows. يمكنك الاطّلاع على مزيد من المعلومات عن الميزات المُدرَجة هنا من خلال الروابط المقدَّمة أو من القائمة على ChromeStatus.com. اعتبارًا من 6 مايو 2026، يكون Chrome في مرحلة تجريبية. يمكنك تنزيل أحدث إصدار على Google.com لأجهزة الكمبيوتر أو على Google Play Store على أجهزة Android.

CSS وواجهة المستخدِم

إزالة قاعدة ورقة أنماط وكيل المستخدِم (UA) التي تحدّد لونًا صريحًا لحدود الجداول

يزيل هذا التغيير قاعدة CSS الخاطئة border-color: gray من ورقة أنماط وكيل المستخدِم لعنصر <table>.

لا يحتوي مواصفات HTML على هذه القاعدة، ما يؤدي إلى عدم ضبط الحدود تلقائيًا على currentColor بشكل غير صحيح. لا يحتوي كلّ من Firefox وWebkit على قاعدة لون الحدود gray هذه في ورقة أنماط وكيل المستخدِم، ما يؤدي إلى مشاكل في إمكانية التشغيل التفاعلي.

إتاحة استخدام path() وshape() في shape-outside

تتيح هذه الميزة استخدام دالتَي الشكل path() وshape() في الموقع shape-outside للغة CSS. تسمح هاتان الدالتان للمطوّرين بتحديد أشكال استبعاد العناصر العائمة باستخدام إحداثيات المستطيل.

إتاحة استخدام rect() وxywh() في shape-outside

تتيح هذه الميزة استخدام دالتَي الشكل الأساسيتَين rect() وxywh() في الموقع shape-outside للغة CSS. تسمح هاتان الدالتان للمطوّرين بتحديد أشكال استبعاد العناصر العائمة باستخدام إحداثيات المستطيل، ما يتماشى مع Chrome وFirefox وSafari اللذَين يتيحان هذه الميزة حاليًا.

لون التمييز لنطاق تطبيق الويب

يقتصر الوصول إلى لون التمييز في النظام للكلمات الرئيسية في CSS وaccent-color: auto على تطبيقات الويب وسياق الملف الشخصي الأولي فقط.

تُشكّل الكلمات الرئيسية في CSS‏ AccentColor وAccentColorText متّجهًا مهمًا لإنشاء بصمة المتصفّح عند عرض ألوان نظام المستخدِم على نطاق واسع على الويب. لذلك، لا تتوفّر هذه الكلمات إلا في سياقات تطبيقات الويب المثبَّتة. تتطابق عناصر التحكّم في النماذج التي تستخدم accent-color: auto أيضًا مع هذا النطاق عند إطلاق هذه الميزة. يقدّم ذلك توقعات أكثر اتساقًا للمطوّرين والمستخدِمين بشأن ألوان النظام ويتماشى مع قيود إنشاء بصمة المتصفّح لـ AccentColor[Text].

اقتصاص النص الذي يتجاوز الحاوية عند تفاعل المستخدِم

عندما يتفاعل المستخدِم (من خلال التعديل أو التنقّل باستخدام علامة الإقحام) مع نص تم ضبط text-overflow: ellipsis له، يتم تبديل النص مؤقتًا من علامة الحذف إلى الاقتصاص، ما يسمح للمستخدِم برؤية المحتوى المخفي الذي يتجاوز الحاوية والتفاعل معه. تنطبق هذه الميزة على جميع العناصر القابلة للتعديل وغير القابلة للتعديل. بالنسبة إلى عناصر التحكّم في النماذج (textarea وinput)، يتم توفير هذا السلوك حاليًا.

زخارف الفواصل في CSS

تتيح لك زخارف الفواصل في CSS تنسيق الفواصل في تنسيقات الحاويات، مثل الشبكة وFlexbox، على غرار column-rule في التنسيق المتعدّد الأعمدة. طلب المطوّرون على الويب هذه الميزة بشكل كبير، إذ عليهم حاليًا استخدام حلول بديلة لتنسيق الفواصل في تنسيقات الشبكة ونموذج flexbox.

image-rendering: crisp-edges

يشير image-rendering: crisp-edges إلى أنّه يجب تغيير حجم الصورة بطريقة تحافظ على التباين والحواف وتتجنّب تنعيم الألوان أو إضافة ضبابية إلى الصورة أثناء العملية.

الطبقة العليا لحدود الفئة الزائفة لإجراء المستخدِم

تمثّل هذه الميزة السلوك الموضّح في مواصفات CSS Selectors Level 4، التي تنص على أنّ :hover و:active و:focus-within تتطابق مع العناصر الرئيسية للعناصر، ولكن فقط حتى أول عنصر في الطبقة العليا في سلسلة العناصر الرئيسية. يطبّق التغيير في Chromium هذا القيد على عناصر الطبقة العليا.

يعني ذلك تحديدًا أنّه في البنية التالية، إذا مرّر المستخدِم مؤشر الماوس فوق <button>، ستتطابق الفئة الزائفة :hover مع <button> والنافذة المنبثقة، ولكن لن تتطابق مع عنصر <main>.

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

السبب وراء هذا التغيير هو أنّه يتم عادةً عرض عناصر الطبقة العليا "في مكان آخر"، في موقع غير متصل بالعنصر الرئيسي من الناحية المرئية. لذلك، لا يكون من المنطقي عادةً تغيير أنماط العنصر الرئيسي عند تمرير مؤشر الماوس فوق عنصر الطبقة العليا أو تفعيله، مثلاً.

تحتوي عملية تنفيذ أداة الاختيار القابلة للتخصيص التي تم شحنها في Chromium على هذه المنطقية مبرمَجة بشكل ثابت في حالة النافذة المنبثقة ::picker() الخاصة بعنصر select. تتم إزالة منطق الحالة الخاصة هذا لصالح السلوك الأكثر عمومية باستخدام هذه الميزة.

إتاحة استخدام path-length كسمة CSS

يقدّم هذا التغيير سمة CSS جديدة، هي path-length، التي تتطابق مع سمة العرض pathLength الحالية في SVG. تنطبق هذه السمة على عناصر هندسة SVG التي تتيح pathLength (بما في ذلك <path> و<circle> و<rect> و <line> و<polyline> و<polygon> و<ellipse>).

يسمح عرض pathLength كسمة CSS للمؤلفين بتحديدها في أوراق الأنماط والأنماط المضمّنة والرسوم المتحركة، ما يتيح لها المشاركة في قواعد التتالي والتحديد والأشكال الانتقالية والرسوم المتحركة العادية في CSS. تؤثر السمة في جميع العمليات الحسابية التي تعتمد على الطول الإجمالي للمسار، بما في ذلك عرض الشرطات في الخط وتحديد موضع النص على طول <textPath>.

تلغي إعلانات CSS سمة العرض باتّباع قواعد الأولوية العادية في CSS. القيمة الأولية لـ path-length هي none، ما يمثّل عدم توفّر طول مسار يقدّمه المؤلّف ويختلف عن القيمة الرقمية الصريحة، مثل 0.

يتم الاحتفاظ بالسلوك الحالي الذي يعتمد على السمات فقط عند إيقاف الميزة.

واجهات برمجة التطبيقات على الويب

Intl.Locale.prototype.variants

تتم إضافة Intl.Locale.prototype.variants كما هو موضّح في اقتراح TC39، ويتم أيضًا قبول "variants" في مجموعة الخيارات في أداة إنشاء Intl.Locale كما في تعديل رقم تعريف اللغة في TC39. تم دمج التغييرات في ECMA402 في طلب السحب 960 وتم دمج رمز الاختبار في test262 في طلب السحب 4474

وعود التمرير الآلي

لا يملك المطوّرون على الويب حاليًا أي طريقة لمعرفة متى يكتمل التمرير السلس الآلي. تقدّم هذه الميزة حلاً للمشكلة، وهو جعل طرق التمرير الآلي تُرجع كائنات Promise يتم حلّها عند اكتمال التمرير مع حالة الانقطاع.

طلب الدفع: السماح لمعالجات الدفع بإرجاع الأخطاء الداخلية

تتيح هذه الميزة لمعالجات الدفع التي يتم الوصول إليها باستخدام Payment Request API إرجاع أخطاء مميّزة لـ "ألغى المستخدِم" مقابل "خطأ داخلي في تطبيق الدفع". يسمح ذلك للمطوّرين على الويب بإنشاء مسارات أفضل للمستخدِمين، مثلاً من خلال إعادة المحاولة أو الرجوع إلى مسار مختلف عند حدوث خطأ داخلي في التطبيق، مع إيقاف المسار بشكل صحيح إذا أراد المستخدِم الإلغاء.

يمكن أن تشير Web-based Payment Handler API إلى هذا الاختلاف استنادًا إلى الخطأ الذي تستخدمه لرفض العملية غير المكتملة التي تم تمريرها إلى PaymentRequestEvent.respondWith. إذا تم رفض الوعد باستخدام OperationError، يتم إرجاع "خطأ داخلي في التطبيق" (OperationError) إلى التاجر باستخدام طريقة PaymentRequest.show()، وإلا يتم إرجاع "إلغاء من المستخدِم" (AbortError).

تم تعديل البنية الأساسية لمعالج الدفع في التطبيق الأصلي بشكل مشابه، ولكنها خارج نطاق واجهات برمجة التطبيقات على الويب.

مراعاة autocorrect="off" للوحة المفاتيح التي تعمل باللمس في Windows في TSF

تسمح سمة HTML‏ autocorrect لمؤلفي الويب بالتحكّم في ما إذا كان يجب تطبيق التصحيح التلقائي على بيانات أدخلها المستخدم في العناصر القابلة للتعديل، بما في ذلك <input> و<textarea> والمضيفين الذين يمكن تعديل محتواهم. على نظام التشغيل Windows، تتجاهل لوحة المفاتيح التي تعمل باللمس هذه السمة وتصحّح الكلمات تلقائيًا دائمًا. على سبيل المثال، يؤدي كتابة "truf" متبوعة بمسافة في عنصر تم ضبط autocorrect="off" له إلى ظهور "true " بدلاً من الاحتفاظ بـ "truf ". تتيح هذه الميزة لعملية دمج TSF في Chrome رصد عمليات التصحيح التلقائي للوحة المفاتيح التي تعمل باللمس وإلغاؤها عندما يكون العنصر القابل للتعديل الذي تم التركيز عليه مضبوطًا على autocorrect="off".

قطع اتصالات WebSocket عند الدخول إلى ميزة "التخزين المؤقت للصفحات"

لم تعُد اتصالات WebSocket النشطة تمنع الصفحة من الدخول إلى ميزة "التخزين المؤقت للصفحات" (bfcache). من خلال إغلاق الاتصالات عند الدخول إلى ميزة "التخزين المؤقت للصفحات" بدلاً من وضع علامة على المستند على أنّه غير مؤهّل، يسمح المتصفّح بتخزين الصفحات التي تحتوي على WebSockets نشطة واستعادتها.

سمة `Request.isReloadNavigation`

تتم إضافة السمة المنطقية للقراءة فقط isReloadNavigation إلى واجهة Request في Fetch API. تشير هذه السمة إلى ما إذا تم بدء طلب التنقّل الحالي كعملية إعادة تحميل بدأها المستخدِم (على سبيل المثال، باستخدام زر إعادة التحميل أو location.reload() أو history.go(0)). يتم عرض هذه الإشارة بشكل أساسي على كائن Request ضِمن FetchEvent في Service Worker.

إيقاف فلاتر SVG على المكوّنات الإضافية وأُطُر iframe المحظورة والمشتركة المنشأ

يمنع هذا الإطلاق تطبيق فلاتر SVG على أُطُر iframe المحظورة أو المشتركة المنشأ (على سبيل المثال، أُطُر iframe المحصورة) والمكوّنات الإضافية المضمّنة (على سبيل المثال، ملفات PDF). عندما يتم عرض محتوى إطار أو مكوّن إضافي باستخدام تأثير فلتر SVG، يتم اجتياز شجرة التأثير للعثور على أعلى عنصر رئيسي بدون فلاتر SVG، ثم يتم تطبيق هذا التأثير بدلاً من ذلك.

عمليات تجربة جديدة

في Chrome 149، يمكنك الاشتراك في عمليات التجربة الجديدة التالية origin trials.

سياسة الأذونات: `focus-without-user-activation`

تمنح سياسة الأذونات focus-without-user-activation للمضمّنين إمكانية التحكّم في التركيز الآلي من المحتوى المضمّن. عند رفض السياسة لإطار، يتم حظر طلبات التركيز الآلي (element.focus() وautofocus وwindow.focus() وdialog.showModal() والتركيز على النافذة المنبثقة) ما لم يتم تفعيلها من خلال إجراء المستخدِم. لا يتأثر التركيز الذي يبدأه المستخدِم، مثل النقر أو الانتقال باستخدام المفتاح Tab، أبدًا.

يمكن ضبط السياسة باستخدام عنوان استجابة HTTP‏ Permissions-Policy أو سمة allow في iframe. تتم إتاحة تفويض التركيز: يمكن لإطار رئيسي تم التركيز عليه تمرير التركيز آليًا إلى إطار iframe ثانوي، حتى إذا تم رفض السياسة للإطار الثانوي، وبمجرد أن يتم التركيز على إطار، يمكنه نقل التركيز ضِمن شجرة فرعية خاصة به.

Gamepad event-driven input API

يوسّع هذا الاقتراح Gamepad API باستخدام نموذج جديد مستند إلى الأحداث يتيح للتطبيقات تلقّي إدخالات جهاز تحكّم في الألعاب بزمن استجابة أقل. بدلاً من الاعتماد على عمليات الاقتراع المتكررة باستخدام navigator.getGamepads()، يمكن للمطوّرين الآن الاستماع إلى حدث rawgamepadinputchange الذي يتم تنشيطه كلما توفّرت بيانات إدخال جديدة من الجهاز. يسمح ذلك بمعالجة الإدخال بشكل أكثر استجابة، خاصةً في التطبيقات الحساسة للتأخير.

واصفات WebAssembly المخصّصة

تسمح هذه الميزة لـ WebAssembly بتخزين البيانات المرتبطة بأنواع على مستوى المصدر بكفاءة أكبر في كائنات واصفات مخصّصة جديدة. يمكن ضبط هذه الواصفات المخصّصة باستخدام نماذج أولية لكائنات WebAssembly من هذا النوع على مستوى المصدر. يسمح ذلك بتثبيت الطرق في سلسلة النماذج الأولية لكائن WebAssembly واستدعاؤها مباشرةً من JavaScript باستخدام بنية طلب الإجراء العادية. يمكن ضبط النماذج الأولية والطرق بشكل إعلاني باستخدام دالة مضمّنة مستورَدة.