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

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

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

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

مثال بسيط للغاية

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

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

الأجهزة العلوية هي Chrome M39، الذي لا يحتوي على إطار عرض افتراضي، في حين تأتي الأجهزة الثلاثة السفلية من Chrome M40 الذي يحتوي على إطار عرض افتراضي.

العرض متقطّع.
العرض متقطّع.

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

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

يتوفر في Internet Explorer هذا السلوك بالفعل وهذه التغييرات تجعلنا نتوافق معها بشكل أكبر.

html

والتغيير الرئيسي الوحيد الذي يواجه المطوّرين هو أنّه في الإصدار M39، يمكنك تطبيق overflow: visible على عنصر html واستمرار انتقال الصفحات في الصفحة، أما في الإصدار M40، فيكون هذا الأمر غير متاح، وبالتالي لن يتم تمرير الصفحة.

مزيد من المعلومات الواضحة

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

حسنًا، يمكنك إذًا عرض مجموعة الشرائح أدناه.