Virtual Viewport چیست؟

در کروم M40 تغییری در نما وجود دارد که بسیار ظریف است، اما باید تفاوت زیادی برای کاربران ایجاد کند.

هنگامی که مرورگرهای موبایل شروع به کار کردند، فقدان متا تگ viewport به این معنی بود که صفحه وب را به این فکر می‌کرد که تقریباً 980 پیکسل صفحه نمایش دارد و در این اندازه رندر می‌شد. با یک متا تگ viewport، توسعه‌دهندگان می‌توانند عرض را تعریف کنند که رایج‌ترین آن «عرض دستگاه» است که اندازه صفحه نمایش را با اندازه دستگاه تنظیم می‌کند. می توانید در مورد Web Fundamentals بیشتر بیاموزید .

روشی که ریک بایرز نمای مجازی را توصیف می کند به شرح زیر است: ایده نمای مجازی این است که مفهوم "نمای دید" را به دو بخش "نمای طرح بندی" (که آیتم های موقعیت ثابت ضمیمه شده اند) و "نمای دید بصری" تقسیم کند. (آنچه که کاربران واقعاً می بینند).

مثال فوق العاده ساده

وب سایت videojs.com مثال خوبی است زیرا نوار برنامه آن در بالا ثابت است و دارای پیوندهایی در سمت چپ و راست نوار برنامه است.

تصویر زیر نشان می‌دهد که اگر روی یک سایت بزرگ‌نمایی می‌کردید و سعی می‌کردید به چپ و راست حرکت کنید، چه چیزی را خواهید دید.

دستگاه های برتر کروم M39 هستند که دارای نمای مجازی نیستند و 3 دستگاه پایین از کروم M40 هستند که دارای نمای مجازی هستند.

رندر پیکسلی
رندر پیکسلی

در کروم M39، پس از بزرگ‌نمایی، نوار برنامه را مشاهده خواهید کرد، اما پیمایش به سمت راست به شما اجازه نمی‌دهد پیوندهای سمت راست نوار را مشاهده کنید، فقط لوگو را خواهید دید.

این مورد را با کروم M40 (که دارای یک "نمای مجازی" است) مقایسه کنید و خواهید دید که "نمای بصری" همه چیز را در "نمای layout" اسکرول می کند و به شما امکان می دهد پیوندهای سمت راست را مشاهده کنید.

اینترنت اکسپلورر قبلاً این رفتار را دارد و این تغییرات ما را بیشتر با آنها هماهنگ می کند.

html

تنها توسعه‌دهنده بزرگی که با این تغییر روبرو می‌شود این است که در M39، می‌توانید سرریز: پنهان را در عنصر html اعمال کنید و صفحه شما همچنان پیمایش می‌کند، در M40، این دیگر پشتیبانی نمی‌شود، صفحه به سادگی اسکرول نمی‌شود.

اطلاعات جامد بیشتر

میخوای بیشتر یاد بگیری نه؟

خوب پس، می توانید عرشه اسلاید را در زیر مشاهده کنید.