تاريخ النشر: 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- تتوفّر عدة واجهات برمجة تطبيقات مدمجة للذكاء الاصطناعي تستخدم نماذج رائدة مثل Gemini Nano، وهي تتضمّن الآن إمكانات متعددة الوسائط في Prompt API.
نواصل تطوير ميزات الذكاء الاصطناعي المضمّن، ما يضمن لك الحفاظ على خصوصيتك وخفض وقت الاستجابة والتكلفة، بالإضافة إلى الوصول إلى نتائج عالية الجودة من إنشاء الذكاء الاصطناعي. يستخدم الذكاء الاصطناعي المضمّن نماذج خبراء وGemini Nano، وهو النموذج الأكثر فعالية من Google، لتنفيذ المهام على الجهاز فقط. اعتبارًا من الإصدار 138 من Chrome، أصبحت 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 على فهم مشاكل الأداء وحلّها.
من خلال لوحة "الأداء" التي تمت إعادة تصميمها، يمكنك الآن الوصول إلى بيانات "مؤشرات أداء الويب الأساسية" التي تم تسجيلها على جهازك وعلى أجهزة المستخدمين الحقيقيين، وطرح الأسئلة على Gemini للمساعدة في فهم مشاكل الأداء وحلّها. يعرض الشريط الجانبي "الإحصاءات" إحصاءات Lighthouse في عمليات التتبّع، ما يساعدك في تصحيح الأخطاء بشكل أسرع، وكل ذلك بدون الحاجة إلى مغادرة سير العمل أو إيقاف الإنتاجية.
7. تتوفّر ميزات Baseline الآن في أدواتك المألوفة: VS Code وESLint والمزيد.
يمكنك تحقيق دقة وثقة أكبر في سير عمل تطوير الويب من خلال دمج Baseline. ضمن أدوات تطوير الويب المألوفة لديك، يمكنك معرفة مدى توفّر ميزات الويب على مستوى المتصفّحات الرئيسية:
- حِزم تطوير البرامج المتكاملة: يعرض VSCode الآن حالة الأساس للميزات أثناء عملية الإنشاء، وستتوفّر هذه الميزة قريبًا في IDE WebStorm من JetBrains وحِزم IDE المستندة إلى VSCode، بما في ذلك Firebase Studio وWindsurf وGitHub Codespaces والمزيد.
- أدوات فحص الأخطاء: يمكن أن تحذّرك أدوات فحص أخطاء CSS وHTML بشكل استباقي عند استخدام ميزة أحدث من القيمة المستهدَفة في "القاعدة الأساسية". يمكن استخدام Baseline في ESLint لـ CSS وHTML ESLint و Stylelint.
- الإحصاءات: تجمع RUMvision بين بيانات الأداء الأساسي ومقاييس المستخدِمين الفعليين، ما يتيح لك اختيار الإصدار الأمثل للأداء الأساسي بشكل استراتيجي لجمهورك. يمكن لمستخدمي "إحصاءات Google" تحميل بياناتهم إلى أداة التحقّق من الأداء الأساسي في "إحصاءات Google" للحصول على اقتراحات بشأن الأداء الأساسي.
- برامج التحويل البرمجي: استخدِم browserslist-config-baseline لتوصيل استهدافات Baseline بأدوات تجميع الرموز البرمجية، مثل Babel وPostCSS، حتى تتمكّن من استخدام الميزات الحديثة في رمز المصدر، و تجميعها في إصدارات الإنتاج.
8. الحصول على نظرة شاملة على مدى توفّر ميزات الويب باستخدام "لوحة بيانات قاعدة الويب"
في العام الماضي، أعلنّا عن لوحة بيانات منصة الويب، وهي طريقة لاستكشاف بيانات ميزات الويب التي تُحدِّد منصّة الويب بالكامل كمجموعة من الميزات. بعد أن تمّت الآن معالجة مجموعة بيانات ميزات الويب بنسبة 100%، يمكنك للمرة الأولى الاطّلاع على حالة قاعدة كل ميزة على كل متصفّح، بدءًا من AVIF ووصولاً إلى "عمليات انتقال العرض"، بما في ذلك مدى توفّرها واستخدامها. ننصحك بمواكبة آخر الأخبار وإنشاء المحتوى بثقة.
9- تجربة للمطوّرين للحصول على تجربة تسجيل دخول سلسة باستخدام "مدير بيانات الاعتماد"
ندرك الصعوبات التي يمكن أن تواجهها مستخدمي مواقعك الإلكترونية بسبب طرق المصادقة المتعدّدة، بما في ذلك كلمات المرور وإدارة الهوية المتعدّدة ومفاتيح المرور. هدفنا هو توفير تجربة تسجيل دخول موحّدة وسهلة للمستخدمين، لذلك نقدّم تجربة استخدام سهلة لخدمة "مدير بيانات الاعتماد" في Android على Chrome. قريبًا، عندما ينقر المستخدمون على تسجيل الدخول، سيعرض Chrome بيانات الاعتماد المتاحة لهذا الموقع الإلكتروني، مثل مفاتيح المرور وكلمات المرور من "مدير كلمات المرور في Google"، ما يسهّل عملية تسجيل الدخول. ونخطّط لإضافة عملية دمج هوية إلى هذه التجربة أيضًا. يتوفّر "مدير بيانات الاعتماد" للويب الآن في مرحلة الإصدار التجريبي للمطوّرين، وسنُطلعك على المزيد من التعديلات في وقت لاحق من هذا العام.
10. إجراء تكرار على إضافات Chrome بشكل أسرع مع إمكانية إلغاء مراجعة العينة المرسَلة
من المفترض أن يكون إرسال إضافة Chrome سلسًا ومثيرًا للاهتمام وبدون أي قلق. ومع ذلك، ندرك أنّ أحد المشاكل التي واجهتك هي عدم التمكّن من تصحيح خطأ في المحتوى المرسَل في انتظار المراجعة بشكل سريع. في وقت سابق من هذا العام، طرحنا إمكانية إلغاء طلب إرسال في انتظار المراجعة، وهي ميزة تستند إلى إمكانية التراجع عن إصدار منشور سابقًا، وذلك بهدف السماح لك بإجراء تغييرات وإعادة الإرسال بسرعة.
للاطّلاع على جميع المعلومات الجديدة، يُرجى الانتقال إلى developer.chrome.com و web.dev لمعرفة المزيد من المعلومات حول كيفية إنشاء ويب فعّال، وسهل الاستخدام. يمكنك التواصل معنا على X و YouTube و LinkedIn. إلى اللقاء في مؤتمر I/O القادم.
يشير مصطلح "ديلويت" إلى شركة واحدة أو أكثر من شركة Deloitte Touche Tohmatsu Limited، وهي شركة محدودة خاصة في المملكة المتحدة (يشار إليها باسم "DTTL") وشبكة الشركات الأعضاء فيها والكيانات المرتبطة بها. إنّ شركة DTTL وكل شركة من الشركات الأعضاء فيها هي كيانات منفصلة ومستقلّة من الناحية القانونية. لا تقدّم شركة DTTL (المعروفة أيضًا باسم "Deloitte Global") خدمات للعملاء. في الولايات المتحدة، يشير اسم Deloitte إلى شركة واحدة أو أكثر من الشركات الأمريكية الأعضاء في DTTL والكيانات المرتبطة بها التي تعمل باستخدام اسم "Deloitte" في الولايات المتحدة والشركات التابعة لها. قد لا تتوفّر خدمات معيّنة لإثبات صحة بيانات العملاء بموجب قواعد ومقتضيات المحاسبة العامة. يُرجى الانتقال إلى www.deloitte.com/about للاطّلاع على مزيد من المعلومات عن شبكتنا العالمية من الشركات الأعضاء.