تاريخ النشر: 20 مايو 2025
في مؤتمر Google I/O لعام 2025، كشفنا عن ميزات جديدة لتعزيز إنتاجيتك وتمكينك من إنشاء ويب أكثر فعالية وسلاسة وحداثة.
في ما يلي 10 ابتكارات رئيسية تضع إمكانات متطورة بين يديك مباشرةً ومن المؤكد أنّها ستلهمك في مشروعك القادم.
1- أصبح إنشاء الشرائح الدوّارة أسهل من أي وقت مضى باستخدام بضعة أسطر من CSS وHTML
يمكنك إنشاء شرائح دوّارة جميلة باستخدام CSS تكون تفاعلية عند أول عرض. قدّم Chrome 135 عناصر CSS أساسية جديدة، وهي التجزئة القابلة للتصميم وعناصر علامات التمرير وأزرار التمرير، ما يسهّل إنشاء الشرائح الدوّارة بدون JavaScript. يمكنك استخدام مفاهيم CSS المألوفة لإنشاء شرائح دوّارة غنية وتفاعلية وسلسة وأكثر سهولة في الوصول إليها، في جزء من الوقت.
2- العناصر المنبثقة التصريحية: تقديم واجهة برمجة التطبيقات الجديدة Interest Invoker API
تتوفّر واجهة برمجة التطبيقات التجريبية Interest Invoker API كتجربة مصدر
.
باستخدام هذه الميزة، يمكنك تبديل العناصر المنبثقة بشكل تصريحي عندما يكون اهتمام الزائر نشطًا لفترة قصيرة. وداعًا للسمة [title] التي لا يمكن تطبيق الأنماط عليها، ومرحبًا بالسمة [interesttarget]! يمكنك دمجها مع
Anchor Positioning API و
Popover API
لإنشاء
عناصر واجهة مستخدم غنية ومتجاوبة وتفاعلية، مثل تلميحات الأدوات أو البطاقات التي تظهر عند التمرير،
بدون JavaScript. لا حدود لإبداعك مع CSS الحديثة.
3- تتوفّر عدة واجهات برمجة تطبيقات مدمجة للذكاء الاصطناعي تستخدم نماذج أساسية رائدة، وتتضمّن الآن إمكانات متعددة الوسائط في Prompt API
نواصل رحلتنا في مجال الذكاء الاصطناعي المدمج ، ما يمنحك خصوصية محسّنة وتقليلًا في وقت الاستجابة وتكلفة أقل، بالإضافة إلى الوصول إلى نواتج عالية الجودة تم إنشاؤها باستخدام الذكاء الاصطناعي. يستخدم الذكاء الاصطناعي المدمج نماذج الخبراء وGemini Nano، وهو النموذج الأكثر كفاءة من Google، لتنفيذ المهام على الجهاز. اعتبارًا من Chrome 138، تتوفّر واجهات برمجة التطبيقات Summarizer API، Language Detector API، Translator API، و Prompt API لإضافات Chrome في الإصدار الثابت. بالإضافة إلى ذلك، تتوفّر واجهتا برمجة التطبيقات Writer API وRewriter API في تجارب المصدر.
تتوفّر واجهة برمجة التطبيقات الجديدة Proofreader API، بالإضافة إلى Prompt API التي تتضمّن إمكانات متعددة الوسائط، في Chrome Canary.
للاطّلاع على أحدث المعلومات، انضم إلى برنامج المعاينة المبكرة للتعاون في تطوير واجهات برمجة تطبيقات جديدة للذكاء الاصطناعي المدمج ورسم ملامح مستقبل الذكاء الاصطناعي على الويب.
4- يتوسّع الذكاء الاصطناعي من جهة العميل باستخدام Firebase وGemini Developer API لتوفير حلّ هجين للذكاء الاصطناعي
يعني تعاوننا مع Firebase وGemini Developer API أنّه يمكنك الآن إنشاء تجارب ويب مستندة إلى الذكاء الاصطناعي على الأجهزة الجوّالة وأجهزة الكمبيوتر. تستخدم هذه التطبيقات الذكاء الاصطناعي من جهة العميل عندما يكون ذلك ممكنًا، وتتوسّع بسلاسة إلى الذكاء الاصطناعي من جهة الخادم للوصول إلى جميع الأجهزة والمتصفّحات. اعتبارًا من اليوم، يوفّر Firebase AI Logic وصولاً سلسًا إلى Prompt API المدمجة في Chrome والمستندة إلى Gemini Nano ونماذج أصغر مشابهة من جهة الخادم باستخدام Gemini Developer API.
5- يساعدك الدعم الذكي في Chrome DevTools في سير عمل تصحيح الأخطاء في ما يتعلّق بالأنماط والأداء وغير ذلك
باستخدام الدعم الذكي، يمكنك التحدّث مع Gemini لمساعدتك في تصحيح أخطاء الأنماط في لوحة "العناصر"، وحلّ مشاكل الأداء في لوحة "الأداء"، وتحديد مشاكل الشبكة في لوحة "الشبكة"، وتحديد موقع الملفات المصدر في لوحة "المصادر". بالإضافة إلى ذلك، يمكن للدعم الذكي الآن تطبيق التغييرات المتعلقة بالأنماط مباشرةً على الرمز المصدر في لوحة "العناصر".
6- تساعدك بيانات المستخدمين الحقيقيين وإحصاءات Lighthouse وميزات الذكاء الاصطناعي في لوحة "الأداء" في Chrome DevTools على فهم مشاكل الأداء وحلّها
باستخدام لوحة "الأداء" التي تم إعادة تصميمها، يمكنك الآن الوصول إلى بيانات المقاييس الأساسية لأداء الويب المحلية وبيانات المستخدمين الحقيقيين وطلب المساعدة من Gemini لفهم مشاكل الأداء وحلّها. يوفّر الشريط الجانبي " الإحصاءات " إحصاءات Lighthouse في عمليات التتبُّع، ما يساعدك في تصحيح الأخطاء بشكل أسرع، بدون الحاجة إلى مغادرة سير عملك أو مقاطعة إنتاجيتك.
7- تتوفّر الآن ميزات Baseline في أدواتك المألوفة، مثل VS Code وESLint وغير ذلك
يمكنك تحقيق دقة وثقة أكبر في سير عمل تطوير الويب باستخدام عملية دمج Baseline. ضمن أدوات تطوير الويب المألوفة، ستتمكّن من الاطّلاع بوضوح على مدى توفّر ميزات الويب في المتصفّحات الرئيسية:
- بيئات التطوير المتكاملة: VSCode الآن حالة Baseline للميزات أثناء إنشائها، وسيتم قريبًا توفير الدعم لـ WebStorm من JetBrains وبيئات التطوير المتكاملة المستندة إلى VS Code، بما في ذلك Firebase Studio وWindsurf وGitHub Codespaces وغير ذلك.
- أدوات التحليل: يمكن أن تحذّرك أدوات تحليل CSS وHTML بشكل استباقي عند استخدام ميزة أحدث من هدف Baseline. يتوفّر Baseline في ESLint لـ CSS، HTML ESLint، و Stylelint.
- الإحصاءات: RUMvision بيانات Baseline مع مقاييس المستخدمين الحقيقيين، ما يتيح لك اختيار إصدار Baseline الأمثل لجمهورك بشكل استراتيجي. يمكن لمستخدمي "إحصاءات Google" تحميل بياناتهم إلى أداة التحقّق من Baseline في "إحصاءات Google" للحصول على اقتراحات Baseline.
- المجمّعات: يمكنك استخدام browserslist-config-baseline لتوصيل أهداف Baseline بأدوات تجميع الرموز البرمجية، مثل Babel وPostCSS، حتى تتمكّن من استخدام الميزات الحديثة في الرمز المصدر، و تجميعها في إصدارات الإنتاج.
8- يمكنك الحصول على عرض كامل لمدى توفّر ميزات الويب باستخدام لوحة بيانات Web Platform
في العام الماضي، أعلنّا عن لوحة بيانات Web Platform، وهي طريقة لاستكشاف بيانات ميزات الويب التي ترسم خريطة لمنصة الويب بأكملها كمجموعة من الميزات. بعد أن تم رسم خريطة لمجموعة بيانات ميزات الويب بنسبة %100، يمكنك للمرة الأولى الاطّلاع على حالة Baseline لكل ميزة على كل متصفّح، بدءًا من AVIF إلى View Transitions، بما في ذلك مدى توفّرها واعتمادها. ننصحك بمتابعتنا لتبقى على اطّلاع على آخر الأخبار والمعلومات وتتمكّن من إنشاء المحتوى بثقة.
9- تجربة للمطوّرين لتجربة تسجيل دخول مبسطة باستخدام Credential Manager
ندرك أنّ طرق المصادقة المتعددة، بما في ذلك كلمات المرور واتحاد الهوية ومفاتيح المرور، يمكن أن تسبب إزعاجًا لمستخدمي مواقعك الإلكترونية. هدفنا هو توفير تجربة تسجيل دخول موحّدة وسهلة للمستخدمين، لذا سننقل التجربة السهلة الاستخدام في Credential Manager على Android إلى Chrome. عندما ينقر المستخدمون على تسجيل الدخول قريبًا، سيعرض Chrome بيانات الاعتماد المتاحة لهذا الموقع الإلكتروني، مثل مفاتيح المرور وكلمات المرور من "مدير كلمات مرور Google"، ما يجعل عملية تسجيل الدخول سلسة. نخطط أيضًا لإضافة اتحاد الهوية إلى هذه التجربة. تتوفّر الآن تجربة Credential Manager للويب للمطوّرين، لذا ننصحك بمتابعتنا لمعرفة المزيد من الأخبار والمعلومات في وقت لاحق من هذا العام.
10- يمكنك تكرار إضافات Chrome بشكل أسرع من خلال إمكانية إلغاء مراجعة عملية الإرسال
يجب أن تشعر بأنّ عملية إرسال إضافة Chrome سلسة وخالية من القلق ومثيرة. ومع ذلك، نعلم أنّ أحد جوانب الإزعاج هو عدم القدرة على إصلاح خطأ بسرعة في عملية إرسال معلّقة. في وقت سابق من هذا العام، قدّمنا إمكانية إلغاء عملية إرسال معلّقة، استنادًا إلى إمكانية التراجع عن إصدار تم نشره سابقًا، وكل ذلك بهدف السماح لك بإجراء التغييرات وإعادة الإرسال بسرعة.
للاطّلاع على أحدث المعلومات، يُرجى الانتقال إلى developer.chrome.com و web.dev لمعرفة المزيد عن كيفية تسهيلنا إنشاء ويب فعّال. ننصحك أيضًا بالتواصل معنا على X، YouTube، و LinkedIn. نراك في مؤتمر I/O القادم.
تشير Deloitte إلى واحدة أو أكثر من شركات Deloitte Touche Tohmatsu Limited، وهي شركة خاصة محدودة بالضمان في المملكة المتحدة ("DTTL")، وشبكة الشركات الأعضاء التابعة لها، والكيانات ذات الصلة بها. تعتبر DTTL وكل شركة من الشركات الأعضاء التابعة لها كيانات منفصلة ومستقلة قانونًا. لا تقدّم DTTL (المشار إليها أيضًا باسم "Deloitte Global") خدمات للعملاء. في الولايات المتحدة، تشير Deloitte إلى واحدة أو أكثر من الشركات الأعضاء الأمريكية في DTTL، والكيانات ذات الصلة بها التي تعمل باسم "Deloitte" في الولايات المتحدة والشركات التابعة لها. قد لا تتوفّر بعض الخدمات لعملاء خدمات التصديق بموجب قواعد ولوائح المحاسبة العامة. يُرجى الانتقال إلى www.deloitte.com/about لمعرفة المزيد عن شبكتنا العالمية من الشركات الأعضاء.