ما هو إطار العرض الافتراضي؟

في Chrome M40، تم إجراء تغيير بسيط على مساحة العرض، ولكن من المفترض أن يُحدث اختلافًا كبيرًا للمستخدمين.

عندما بدأت متصفّحات الأجهزة الجوّالة، كان عدم توفّر علامة إطار عرض وصفية يعني أنّها ستجعل صفحة الويب تعتقد أنّها تشغل مساحة شاشة تبلغ 980 بكسل تقريبًا، وتعرضها بهذا الحجم. باستخدام علامة viewport الوصفية، يمكن للمطوّرين تحديد العرض، وأكثر القيم شيوعًا هي "device-width" التي تضبط حجم الشاشة على حجم الجهاز. يمكنك الاطّلاع على مزيد من المعلومات عن أساسيات الويب.

يصف "ريك بيرز" إطار العرض الافتراضي على النحو التالي: تهدف فكرة إطار العرض الافتراضي إلى تقسيم مفهوم "إطار العرض" إلى قسمَين، "إطار عرض التنسيق" (حيث يتم إرفاق العناصر ذات المواضع الثابتة) و"إطار العرض المرئي" (ما يراه المستخدمون فعليًا).

مثال بسيط جدًا

يُعدّ الموقع الإلكتروني videojs.com مثالاً جيدًا لأنّ شريط التطبيقات فيه ثابت في الجزء العلوي ويتضمّن روابط على كل من الجانب الأيسر والأيمن من شريط التطبيقات.

تعرض الصورة أدناه ما سيظهر لك إذا كبّرت موقعًا إلكترونيًا وحاولت التمرير بالكاميرا يسارًا ويمينًا.

تشمل الأجهزة الأفضل أداءً Chrome M39 الذي لا يتضمّن مساحة عرض افتراضية، بينما تشمل الأجهزة الثلاثة الأقل أداءً Chrome M40 الذي يتضمّن مساحة عرض افتراضية.

في الإصدار 39 من Chrome، سيظهر لك شريط التطبيقات بعد تكبير الشاشة، ولكن التمرير لليسار لا يسمح لك بعرض الروابط على الجانب الأيمن من الشريط، ولن يظهر لك سوى الشعار.

قارِن ذلك بإصدار Chrome M40 (الذي يتضمّن "مساحة عرض افتراضية") وستلاحظ أنّ "مساحة العرض المرئية" تنقل كل المحتوى داخل "مساحة عرض التنسيق"، ما يسمح لك بعرض الروابط على اليسار.

يعتمد Internet Explorer هذا السلوك حاليًا، وهذه التغييرات تجعلنا أكثر تطابقًا معه.

html

إنّ التغيير الرئيسي الوحيد الذي سيواجهه المطوّرون في هذا الإصدار هو أنّه في الإصدار 39، كان بإمكانك تطبيق overflow: hidden على عنصر html وسيظل بإمكانك الانتقال للأسفل أو للأعلى في الصفحة، ولكن في الإصدار 40، لم يعُد هذا الخيار متاحًا، ولن تتمكّن من الانتقال للأسفل أو للأعلى في الصفحة.

معلومات أكثر دقة

هل تريد معرفة المزيد من المعلومات؟

حسنًا، يمكنك الاطّلاع على مجموعة الشرائح أدناه.