تاريخ النشر: 28 يوليو 2026
نحن بصدد طرح الإصدار Chrome 151 الآن، ويشارك هذا المنشور بعض الميزات الرئيسية من هذا الإصدار. قراءة ملاحظات إصدار Chrome 151 الكاملة.
أهم النقاط في هذا الإصدار:
- يوفّر عنصر الإمكانية
<usermedia>عنصر تحكّم تصريحي يفعّله المستخدم لتدفقات الكاميرا والميكروفون. - يتيح تعيين فتحة نموذج shadow DOM التصريحي لمكوّنات الويب استخدام تعيين الفتحة يدويًا بدون JavaScript إلزامي.
- تتتبّع المقاييس غير الملموسة للتنقّل وأداء التفاعل وقت الاستجابة والتغييرات في المسار الناتجة عن التفاعل في التطبيقات من صفحة واحدة.
عنصر الإمكانية: <usermedia> الحد الأدنى من المنتج القابل للتطبيق
عنصر <usermedia> هو الأحدث في مجموعة "عناصر الإمكانية"، بعد عنصر <geolocation>. يتيح هذا الانتقال من اقتراح <permission> الأصلي، وهو جزء من مبادرة PEPC، للمتصفّح التعامل مع التعقيدات والسلوكيات الفريدة لإمكانات الأجهزة المختلفة بشكل أكثر فعالية. في حين أنّ الاقتراح الأولي ركّز بشكل أساسي على إدارة حالات الإذن، مثل السماح مقابل الرفض، تعمل "عناصر الإمكانية" كوسطاء للبيانات.
يوفّر عنصر <geolocation> كائن موقع جغرافي لموقعك الإلكتروني، ويدير عنصر <usermedia> التدفق الكامل للوصول إلى الكاميرا والميكروفون. ويجمع هذا العنصر نية المستخدم ويدير طلب المتصفّح ويسلّم كائن MediaStream إلى التطبيق. يؤدي هذا التغيير إلى إزالة الحاجة إلى طلبات getUserMedia() منفصلة، ويبسّط عملية التنفيذ، ويضمن حصول المتصفّح على إشارة موثوق بها لنية المستخدم.
مزيد من المعلومات في مقالة تقديم عنصر HTML <usermedia>.
نموذج shadow DOM التصريحي: سمة shadowrootslotassignment
يضيف Chrome 151 إمكانية استخدام سمة shadowrootslotassignment على عناصر <template>. يتيح لك ذلك إنشاء جذور shadow تصريحية تستخدم تعيين الفتحة يدويًا مباشرةً في HTML.
حتى الآن، كان تعيين الفتحة يدويًا متاحًا فقط بشكل إلزامي. باستخدام هذا التحديث، يمكنك تحديد shadowrootslotassignment="manual" في نموذج جذر shadow
تقبل السمة named (السلوك التلقائي) وmanual، ويتم تمثيلها من خلال السمة shadowRootSlotAssignment في HTMLTemplateElement. لمزيد من التفاصيل، يمكنك الاطّلاع على مستندات HTMLTemplateElement.shadowRootSlotAssignment على MDN.
تتوفّر هذه السمة حاليًا في Firefox وفي الإصدار التجريبي من Safari 27، لذا ستصبح قريبًا ميزة أساسية متاحة حديثًا.
المقاييس غير الملموسة للتنقّل وأداء التفاعل
يوسّع Chrome 151 المخطط الزمني لأداء الويب من خلال تقديم نوعَين جديدَين من PerformanceEntry: soft-navigation وinteraction-contentful-paint. تساعد هذه الإدخالات المطوّرين في تتبُّع الأداء ووقت الاستجابة الناتجَين عن التفاعل في التطبيقات من صفحة واحدة (SPAs)، استنادًا إلى مقاييس Core Web Vitals الثابتة، مثل سرعة عرض أكبر محتوى مرئي (LCP) ومدى استجابة الصفحة لتفاعلات المستخدم (INP).
في التطبيق من صفحة واحدة، لا تؤدي عمليات الانتقال بين المسارات المستندة إلى JavaScript إلى تحميل صفحة المتصفّح التقليدي. يسجِّل الإدخال soft-navigation تغييرات حالة السجلّ في المستند نفسه التي يتم إجراؤها من خلال تفاعلات المستخدم. عند حدوث تنقّل غير ملموس، يحدّد المتصفّح مصدر وقت جديدًا، ما يتيح لك إسناد بيانات الأداء اللاحقة بدقة إلى مسار التطبيق من صفحة واحدة النشط بدلاً من عنوان URL للمستند الأولي.
يقيس الإدخال interaction-contentful-paint عمليات عرض المحتوى الجديدة ضمن مناطق DOM التي تم تعديلها من خلال تفاعل المستخدم. يوفّر ذلك إمكانية الاطّلاع على وقت استجابة تحميل التفاعل، حتى عندما تعتمد تعديلات المحتوى على عمليات غير متزامنة، مثل طلبات fetch().
يمكنك مراقبة هذه الإدخالات الجديدة في تطبيقك باستخدام PerformanceObserver. في ما يلي نموذج رمز يسجِّل إدخالات التنقّل غير الملموس في وحدة التحكّم، بما في ذلك عمليات التنقّل غير الملموس السابقة على هذه الصفحة باستخدام الخيار المخزّن مؤقتًا:
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
لمزيد من المعلومات حول تنفيذ عمليات التنقّل في التطبيقات من صفحة واحدة وقياسها، يمكنك قراءة مستندات التنقّل غير الملموس على Chrome للمطوّرين.
محتوى إضافي للقراءة
لا يغطّي هذا المنشور سوى بعض النقاط الرئيسية. للاطّلاع على التغييرات الإضافية في Chrome 151، يمكنك الانتقال إلى الروابط التالية:
اشتراك
للبقاء على اطّلاع، يمكنك الاشتراك في قناة Chrome Developers YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني في كل مرة ننشر فيها فيديو جديدًا. يمكنك أيضًا متابعتنا على منصة X أو LinkedIn للاطّلاع على المقالات الجديدة ومنشورات المدوّنة.
بمجرد إصدار Chrome 152، سنكون هنا لإطلاعك على الميزات الجديدة في Chrome.