سيتم تغيير سلوك تغيير حجم شريط عنوان URL في Chrome على Android بدءًا من الإصدار 56. في ما يلي معلومات مفيدة يجب معرفتها:
لن يتم تغيير حجم الأطوال المحدّدة بوحدات مساحة العرض (أي vh) استجابةً
لعرض شريط عناوين URL أو إخفائه. بدلاً من ذلك، سيتم ضبط حجم وحدات vh على
ارتفاع مساحة العرض كما لو كان شريط عناوين URL مخفيًا دائمًا. وهذا يعني أنّه سيتم تعديل حجم vh وحدة لتناسب "أكبر إطار عرض ممكن". وهذا يعني أنّ 100vh سيكون أكبر
من الارتفاع المرئي عند عرض شريط عناوين URL.
"الحزمة الأولية التي تحتوي على العناصر" هي الحزمة الجذر التي تحتوي على العناصر المستخدَمة عند
تغيير حجم العناصر بالنسبة إلى العناصر الرئيسية. على سبيل المثال، سيؤدي منح العنصر <html>
نمط width: 100%; height: 100% إلى جعله بالحجم نفسه
كالعنصر ICB. نتيجةً لهذا التغيير، لن يتم تغيير حجم شريط ICB عند إخفاء شريط عنوان URL.
بدلاً من ذلك، سيظلّ ارتفاعه كما هو، كما لو كان شريط عناوين URL معروضًا دائمًا
("أصغر مساحة عرض ممكنة"). وهذا يعني أنّ العنصر الذي تم ضبط حجمه على ارتفاع شاشة ICB
لن يملؤه بالكامل عندما يكون شريط عناوين URL مخفيًا.
هناك استثناء واحد للتغييرات أعلاه، وهو العناصر التي تكون
position: fixed. لن يتغيّر سلوكها. وهذا يعني أنّه سيتم تغيير حجم عنصر position:
fixed الذي تكون الكتلة التي يحتويها هي ICB استجابةً لعرض أو إخفاء
شريط عنوان URL. على سبيل المثال، إذا كان ارتفاعها 100%، ستملؤه دائمًا
بالارتفاع المرئي بالضبط، سواء كان شريط عنوان URL معروضًا أم لا. وبالمثل، بالنسبة إلى أطوال
vh، سيتم أيضًا تغيير حجمها لتتناسب مع الارتفاع المرئي مع مراعاة موضع شريط عنوان URL.
هناك بضعة أسباب لهذا التغيير:
vhوحدة قابلة للاستخدام على الأجهزة الجوّالة قبل ذلك، كان استخدامvhالوحدات يعني إعادة تدفق الصفحة بشكل مزعج في كل مرة يغيّر فيها المستخدم اتجاه التمرير.تجربة مستخدِم محسَّنة إذا تم إعادة تدفق الصفحة أثناء قراءة المستخدم، قد يفقد المستخدم موقعه النسبي في المستند. قد يكون هذا الأمر مزعجًا، ولكنه يؤدي أيضًا إلى استخدام وحدة المعالجة المركزية بشكلٍ أكبر واستنزاف طاقة البطارية لإعادة تنسيق الصفحة وإعادة تلوينها.
تحسين إمكانية التشغيل التفاعلي مع Safari على iOS من المفترض أن يتطابق النموذج الجديد مع سلوك Safari، ما يسهّل على مطوّري الويب تنفيذ المهام. إنّ اختيار جعل وحدات
vhأكبر مساحة عرض ممكنة، ولكن جعل ICB أصغر ممكن، هو اختيار غير بديهي، ولكنّه يهدف إلى مطابقة سلوك Safari.
في سيناريوهات ملء الشاشة، حيث يكون شريط عنوان URL مقفلًا في حالة مخفية، سيستخدم ICB ارتفاع الشاشة بالكامل. يتوافق ذلك مع التعريفات أعلاه لأنّ "أصغر مساحة عرض ممكنة" ستكون مساحة العرض الكاملة لأنّ شريط عنوان URL لا يظهر عند الانتقال للأسفل أو للأعلى.
عرض توضيحي
- في ما يلي عرض توضيحي.
إنّ الأشرطة الأربعة على يسار الصفحة هي جميع التركيبات الممكنة من
99%99vhوposition:fixedوposition:absoluteالمقدَّمة في صفحة قابلة للتنقّل. يؤدي إخفاء شريط عناوين URL إلى عرض مدى تأثيره في كلّ منها. يتم طباعة أحداث تغيير الحجم في أسفل الصفحة.
الدعم
- الإصدار 56 من Chrome على Android