إتاحة الأجهزة القابلة للطي باستخدام واجهة برمجة التطبيقات Viewport Segments API

Alexis Menard
Alexis Menard

تاريخ النشر: 9 يونيو 2025

تتيح واجهة برمجة التطبيقات Viewport Segments API الوصول إلى موضع ومساحة جزء منفصل منطقيًا من إطار العرض، وذلك باستخدام JavaScript أو CSS، وهي متاحة بدءًا من الإصدار 138 من Chrome.

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: not supported.
  • Safari: not supported.

يتم إنشاء أقسام في مساحة العرض عندما يتم تقسيمها بواسطة ميزة أو أكثر من ميزات الأجهزة، مثل طي أو مفصلة بين شاشتين منفصلتين، تعمل كفاصل.

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

منذ التجربة الأصلية التي أجريناها العام الماضي، أجرينا تغييرَين:

  • أصبحت سمة JavaScript segments متوفرة الآن في الكائن window.viewport الذي تمت إضافته حديثًا بدلاً من window.visualViewport.
  • تمت مطابقة سلوك السمة segments عندما لا يكون الجهاز مطويًا مع سلوك CSS لهذه الميزة. عندما لا يكون الجهاز مطويًا (أو لا يمكن طيّه)، ستتضمّن السمة segments مصفوفة من جزء واحد يمثّل حجم إطار العرض بالكامل.

يمكنك الاطّلاع على العروض التوضيحية للأجهزة القابلة للطي لمشاهدة واجهة برمجة التطبيقات أثناء العمل.

جهاز قابل للطي يعرض صفحة ويب مقسّمة إلى قسمَين منطقيَّين على طول المفصلة