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

Rachel Andrew

تاريخ النشر: 3 يونيو 2026

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

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

ألوان النظام AccentColor وAccentColorText

يمكن استخدام ألوان النظام AccentColor وAccentColorText في CSS للوصول إلى لون التمييز الذي تم تحديده في نظام جهاز المستخدم. تتيح هذه الإمكانية للمطوّرين تطبيق أنماط شبيهة بالتطبيقات على محتوى الويب في السياقات التي يتوقّع فيها المستخدمون دمج سمة نظام التشغيل، مثل تطبيق الويب المثبَّت. يجب أن يكون المستخدمون في تطبيق ويب مثبَّت على الملف الشخصي الأولي لكي يظهر لون تمييز النظام.

السماح بمعلَمة التقريب الاختيارية لـ polygon()

تتيح لك تحديد مَعلمة اختيارية لتقريب الزوايا في دالة polygon() CSS shape. ويمكن للمطوّرين تحديد قيمة طول لتقريب زوايا المضلّع بدون احتساب منحنيات بيزير يدويًا.

التكبير/التصغير المتحرّك

يمكن تحريك السمة zoom في CSS ويمكن استيفاؤها كـ <number>. يمكن للمطوّرين نقل الرسوم المتحركة وتكبيرها/تصغيرها لتغيير حجم العناصر وتخطيطها بسلاسة، ما يكمّل عملية تغيير الحجم الحالية المستندة إلى التحويل.

معدِّلات طلب عنوان URL لخدمة CSS

تقبل وظائف CSS url() معدّلات طلب اختيارية بعد سلسلة عنوان URL المقتبس: cross-origin() وintegrity() وreferrer-policy(). تتحكّم هذه المعدّلات في سلوك الجلب للمورد المشار إليه مباشرةً من CSS، بدون الحاجة إلى إجراء تغييرات على ترميز HTML أو JavaScript.

على سبيل المثال، يؤدي الرمز background-image: url("image.png" cross-origin(anonymous)) إلى جلب الصورة باستخدام وضع CORS المجهول.

خاصية text-fit في CSS

تغيير حجم خط عقد النص ليلائم تمامًا عرض المربّع الذي يحتويها.

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

CSS background-clip: border-area

تنفّذ هذه السمة القيمة border-area للخاصية background-clip في CSS، كما هو محدّد في CSS Backgrounds Level 4. تقتطع القيمة background-clip خلفية العنصر إلى المنطقة التي يتم طلاؤها بضربات الحدود، مع أخذ border-width وborder-style في الاعتبار وتجاهل الشفافية من border-color. تتيح لك هذه القيمة إنشاء حدود متدرّجة بدون border-image.

الدالة image(<color>) في CSS

تتيح الدالة image() للمطوّرين إنشاء صورة بلون خالص من أي لون. بنية الجملة هي: image() = image( <color> ).

light-dark() CSS مع قيم الصور

توسّع هذه الميزة وظيفة CSS light-dark() لتتيح قبول قيم الصور، مثل url() وimage-set() وnone، في أوراق الأنماط الخاصة بالمؤلفين، ما يتيح تبديل خصائص الصور، مثل background-image وlist-style-image وborder-image-source وcursor وcontent، تلقائيًا بين الصور استنادًا إلى نظام الألوان المفضّل لدى المستخدم. في السابق، كان يُسمح بهذا السلوك فقط في أوراق الأنماط الخاصة ببرنامج User Agent. يتوافق هذا التغيير مع مواصفات CSS Color 5 ويتطابق مع التنفيذ الحالي في Firefox.

استنساخ في جميع عناصر selectedcontent التابعة

سيتم إجراء عدة تغييرات صغيرة على الحالات الحدّية للعنصر selectedcontent:

• عند وضع عناصر selectedcontent متعدّدة في عنصر <select> في الوقت نفسه، يتم إبقاء جميع العناصر محدّثة بدلاً من العنصر الأول فقط في ترتيب DOM.
• يتم تأجيل تعديل العنصر selectedcontent عندما يتم تشغيله أثناء خطوات الإدراج أو الإزالة أو النقل لإصلاح مشاكل الأمان. يتم تأجيل التعديل باستخدام خطوات ما بعد الإدراج أو المهام الصغيرة.

طلبات البحث عن الحاويات المفصولة بفواصل

تتيح هذه الميزة طلبات بحث متعددة لكل قاعدة @container. تنطبق قاعدة @container إذا تطابق طلب بحث واحد على الأقل.

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

مثال:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

بالإضافة إلى إتاحة طلبات بحث متعددة، تم توسيع نموذج العناصر ليشمل السمة conditions في واجهة برمجة التطبيقات CSSContainerRule.

عرض المناطق غير القابلة للطباعة في CSS

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

يمكن استخدام واصف CSS page-margin-safety لتجنُّب هذه المساحات غير القابلة للطباعة.

السمة focusgroup

يتيح هذا الإعداد للمؤلفين تحديد إمكانية التنقّل باستخدام مفاتيح الأسهم في الأدوات المجمّعة، وتوفير نقطة توقّف مضمونة باستخدام مفتاح Tab، وتذكُّر آخر عنصر تم التركيز عليه، ما يحلّ محلّ النصوص البرمجية المكتوبة يدويًا التي تتيح التنقّل باستخدام مفتاح Tab. مثال:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

الفئات الزائفة لعناصر الوسائط

تتطابق الفئات الزائفة في CSS :playing و:paused و:seeking و:buffering و:stalled و:muted و:volume-locked مع العنصرَين <audio> و<video> استنادًا إلى حالتهما.

هذه الميزة هي إحدى مجالات التركيز في Interop 2026.

popover=hint تغييرات السلوك

يُطبّق هذا التغيير نموذجًا معدَّلاً ومبسّطًا للتراكب على السمة popover=hint وتفاعلاتها مع popover=auto. في السابق، كانت التفاعلات بين هذين النوعين من النوافذ المنبثقة معقّدة في بعض الحالات الحدّية، مثل تضمين popover=auto داخل popover=hint، وكان ذلك يؤدي إلى سلوك غير متوقّع. بموجب النموذج الجديد، لن يؤدي فتح popover=hint إلى إغلاق عناصر popover=auto غير ذات صلة عن غير قصد. لا يتم إخفاء النوافذ المنبثقة الخاصة بالتلميحات إلا عندما يتم إخفاء popover=auto الأصلية أو عند فتح popover=auto جديدة غير ذات صلة. بالإضافة إلى ذلك، يمكن للمطوّرين تضمين نافذة منبثقة تلقائية بأمان داخل نافذة منبثقة خاصة بالتلميحات. وبدلاً من طرح استثناء أو إيقاف التراكب، يتم خفض مستوى popover=auto المضمّنة بسلاسة وتتصرّف كـ popover=hint. تتيح هذه الإمكانية للمطوّرين وضع <select> قابلة للتخصيص داخل popover=hint.

لتحسين إمكانية التوقّع ومنع عمليات تغيير الحالة المعقّدة، يعمل Chrome أيضًا على تشديد السلوك المتعلّق بفتح وإغلاق النوافذ المنبثقة من داخل حدث beforetoggle. كانت هناك إجراءات وقائية في بعض الحالات المحتملة، ولكن ليس في جميعها. يعمل هذا التغيير على تجديد الآلية المستخدَمة لرصد هذه الحالات من أجل طرح أخطاء InvalidStateError بشكل أكثر موثوقية في جميع هذه الحالات. يضمن هذا التغيير بقاء إدارة حالة النافذة المنبثقة ثابتة ويمنع أخطاء إعادة الدخول في التكرارات.

وقد تم إجراء هذه التغييرات بناءً على محادثات حول المعايير مع Mozilla بشأن طلب سحب مواصفات HTML على GitHub.

ألوان ألفا النسبية

توفّر ألوان ألفا النسبية طريقة مباشرة في CSS لاشتقاق نسخة شفافة من لون حالي بدون إعادة كتابة قنوات الألوان. يحتاج المطوّرون حاليًا إلى تكرار قيم المكوّنات أو إنشاء رموز مميّزة منفصلة محسوبة مسبقًا عندما يريدون استخدام اللون نفسه بدرجات عتامة مختلفة. تحافظ الدالة alpha() في CSS Color 5 على مكوّنات اللون الأصلية، وتغيّر قيمة ألفا فقط، ما يقلّل من تكلفة الإنشاء ويسهّل إعادة استخدام رموز الألوان والحفاظ عليها.

<iframe> بحجم متجاوب

تتيح هذه السمة للمواقع الإلكترونية إمكانية تفعيل إطارات iframe ذات أحجام متجاوبة، ما يؤدي إلى تغيير حجم العنصر <iframe> في المستند الرئيسي ليناسب حجم المحتوى الزائد في المستند الخاص بإطار iframe، وذلك لتجنُّب التمرير في المستند الثانوي.

flex-wrap:balance

تتيح السمة flex-wrap:balance للمطوّرين توزيع المحتوى بين أسطر مرنة كي يظهر بشكل أكثر توازنًا، على غرار السمة text-wrap:balance.

الدالة named-feature() لصفحات الأنماط المتتالية (CSS) @supports

تتيح الدالة named-feature() لقواعد CSS @supports الاستعلام عن مجموعة صغيرة من الميزات المحدّدة المسماة التي لا يمكن اختبارها باستخدام آليات @supports الأخرى، ولكن يُعتقد أنّ اختبارها مهم جدًا.

overscroll-behavior: chain

تتضمّن السمة overscroll-behavior ثلاث قيم: none وauto وcontain. تؤثر هذه القيم في تأثيرَين مستقلَّين، هما: انتشار التمرير وتأثير الحدود المحلية. على سبيل المثال، التمديد عند تجاوز حد التمرير.

• ‫none: لا يتم نقل التمرير، ولا تظهر تأثيرات الحدود المحلية.
• ‫auto: انتشار التمرير، وتأثيرات الحدود المحلية
• ‫contain: لا يتم نقل التمرير، وتظهر تأثيرات الحدود المحلية.

يتتبّع هذا الإصدار قيمة جديدة لإكمال المجموعة: chain: نشر التمرير، بدون أي تأثيرات على الحدود المحلية.

تكون هذه القيمة مفيدة للتأثيرات، مثل القوائم الجانبية التي يتم تنفيذها كمحتوى قابل للتمرير. يمكنك إظهار القائمة، وعندما تصل إلى الحافة، لا يتم تجاوز حد التمرير أو التمديد والترجمة، ولكن يتم ربط التمرير بالعنصر الأصل.

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

إيقاف فلاتر الرسومات الموجّهة التي يمكن تغيير حجمها (SVG) على المكوّنات الإضافية وإطارات iframe المتعددة المصادر أو المحظورة

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

‫IndexedDB: الخلفية المستندة إلى SQLite

تمت إعادة كتابة عملية تنفيذ IndexedDB في Chromium استنادًا إلى SQLite لاستبدال عملية التنفيذ السابقة التي تستخدم مزيجًا من LevelDB والملفات المسطّحة. لا يؤثّر هذا التغيير في Web API.

من المتوقّع أن يؤدي هذا التعديل إلى تحسين الموثوقية، وإلى حدّ أقل، الأداء.

في الوقت الحالي، ينطبق هذا التغيير على مخازن البيانات الجديدة. وهذا التغيير هو الخطوة 2 من عملية طرح تدريجي متعدّدة المراحل. يمكنك الاطّلاع على صفحة ميزة ChromeStatus الخاصة بسياقات SQLite في الذاكرة التي تتتبّع الخطوة 1.

MediaStreamTrackProcessor عدّادات اللقطات

تضيف هذه السمة السمتَين discardedFrames وtotalFrames إلى واجهة MediaStreamTrackProcessor. تتيح هذه العدادات لمطوّري الويب مراقبة حالة مسارات معالجة الوسائط من خلال تتبُّع عدد اللقطات التي يتلقّاها المعالج ويتجاهلها.

مصدر مبهم لعناوين URL الخاصة بـ data:

يعدّل الإصدار 150 من Chrome طريقة تعامل DedicatedWorker وSharedWorker مع عناوين URL الخاصة data:. فبدلاً من الحصول تلقائيًا على مصدر الأمان الخاص بالنص البرمجي أو الصفحة التي أنشأتهما، يتم تخصيص مصدر فريد ومنعزل لهذين المشغّلين.

يتوافق هذا التغيير مع مواصفات HTML الخاصة بالمنفِّذ، ويعزّز الأمان من خلال عزل هؤلاء المنفِّذين عن حالة المصدر نفسه الخاصة بالمنشئ، ما يمنعهم من الوصول إلى البيانات الحسّاسة من خلال آليات مثل BroadcastChannel أو مساحة التخزين من المصدر نفسه. للحفاظ على حدود العزل الصحيحة، تظل هذه المنفِّذات ضمن قسم التخزين نفسه (على سبيل المثال، من خلال الحفاظ على الموقع الإلكتروني ذي المستوى الأعلى أو الرقم الخاص) مثل منشئها.

يتم تفعيل تعديل الأمان هذا تلقائيًا على جميع منصات الأجهزة المكتبية والأجهزة الجوّالة. ويمكن للمشرفين مراجعة حدود الأمان أو التحقّق منها من خلال الإعدادات المركزية. وللاطّلاع على تفاصيل التنفيذ الفني ومراجع المواصفات، يُرجى الرجوع إلى الخطوة 3 من إعدادات العامل في معيار HTML Living Standard.

نقل بيانات مصدر تطبيق الويب التقدّمي

عندما يثبّت المستخدم تطبيق ويب تقدّميًا (PWA)، يتم ربط هويته وسياق الأمان بإحكام بمصدر الويب، مثل app.example.com. يمثّل هذا الربط تحديًا كبيرًا للمطوّرين الذين يحتاجون إلى تغيير مصدر تطبيق الويب التقدّمي بسبب تغيير العلامة التجارية أو إعادة هيكلة النطاق أو إعادة تصميم البنية الفنية. ويؤدي هذا التغيير إلى إجبار المستخدمين على إلغاء تثبيت التطبيق القديم يدويًا وإعادة تثبيت التطبيق الجديد، ما يؤدي إلى تجربة غير سلسة واحتمال فقدان المستخدمين. يقدّم الإصدار 150 من Chrome آلية للمطوّرين تتيح لهم نقل تطبيق ويب تقدّمي مثبَّت إلى مصدر جديد على الموقع الإلكتروني نفسه، ما يحافظ على ثقة المستخدمين وأذوناتهم.

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

تحليل تعليمات المعالجة في HTML

تعليمات المعالجة (البنية: <?target data>) هي بنية DOM حالية، معروضة في XML، وتسمح بعناصر العقدة التي ليست عناصر ولكن يمكن أن يكون لها بعض المعنى الدلالي لمعالجة المستند.

على سبيل المثال، يمكنك استخدامها للإشارة إلى نطاقات للبث أو التمييز بدون الحاجة إلى عناصر DOM جديدة وتغيير بنية DOM من حيث CSS، أو كإرشادات لمحلّل HTML حول كيفية التخزين المؤقت والبث.

البث خارج الترتيب

تتيح لك ميزة البث غير المنظَّم استخدام <template for> ونطاقات تعليمات المعالجة (<?start> و<?end>) لعرض HTML بترتيب غير تسلسلي وتعديل الأجزاء الحالية من المستند بدون JavaScript.

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

توفّر هذه الإمكانية إشارة موثوقة بشأن حالة اكتمال التمرير السلس آليًا. تعرض جميع طرق التمرير في Element وWindow عناصر Promise التي يتم حلّها عند اكتمال التمرير، وتشير القيمة التي تم حلّها إلى ما إذا كان التمرير قد تم إيقافه.

WebGPU Immediates

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

Web Speech API: جودة التعرّف على الكلام على الجهاز فقط

توسّع هذه السمة واجهة SpeechRecognition من خلال إضافة السمة quality إلى SpeechRecognitionOptions. تتيح هذه السمة للمطوّرين تحديد الإمكانية الدلالية المطلوبة للتعرّف على المحتوى على الجهاز فقط باستخدام processLocally: true.

يتيح تعداد quality المقترَح ثلاثة مستويات، وهي command وdictation وconversation، والتي تتوافق مع زيادة تعقيد المهام ومتطلبات الأجهزة. تتيح هذه الإمكانية للمطوّرين تحديد ما إذا كان الجهاز المحلي يمكنه التعامل مع حالات الاستخدام المهمة (مثل تحويل الاجتماعات إلى نص) أو ما إذا كانوا بحاجة إلى الرجوع إلى الخدمات السحابية، ما يحلّ مشكلة عدم وضوح إمكانات النماذج على الجهاز فقط.

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

في الإصدار 150 من Chrome، يمكنك الاشتراك في التجارب الجديدة التالية.

بروتوكول إثبات ملكية عنوان البريد الإلكتروني (EVP)

يساعد بروتوكول تأكيد عنوان البريد الإلكتروني (EVP) المستخدمين في إنشاء الحسابات والوصول إليها واستردادها من خلال تقديم دليل تشفير على الملكية بسلاسة بدلاً من رموز المرور لمرة واحدة (OTP) التي يتم إدخالها يدويًا.

الميزات التي سيتم إيقافها نهائيًا وإزالتها

يتضمّن هذا الإصدار من Chrome عمليات الإيقاف النهائي والإزالة التالية.

إزالة [LegacyNoInterfaceObject] من FontFaceSet IDL

في السابق، كان معرّف FontFaceSet IDL في Chromium يستخدم [LegacyNoInterfaceObject] بشكل غير صحيح، ما أدّى إلى إخفاء FontFaceSet كسمة عامة وحذف سمة الدالة الإنشائية من النموذج الأوّلي. وقد انحرف هذا السلوك عن مواصفات CSS Font Loading واختلف عن سلوك Safari وFirefox.

تؤدي هذه الإزالة إلى إزالة [LegacyNoInterfaceObject] من FontFaceSet IDL، ما يتيح الوصول إلى FontFaceSet بشكل صحيح كموقع عام. بما أنّه لم يتم تحديد constructor() في IDL، فإنّ استدعاء FontFaceSet() الجديد من JavaScript يؤدي بشكل صحيح إلى عرض TypeError: Illegal constructor، ما يتوافق مع السلوك الذي تتطلبه المواصفات.