از دستگاه های تاشو با Viewport Segments API پشتیبانی کنید

Alexis Menard

تاریخ انتشار: 9 ژوئن 2025

Viewport Segments API دسترسی به موقعیت و ابعاد یک ناحیه منطقی مجزا از viewport را با جاوا اسکریپت یا CSS ارائه می‌کند و از Chrome 138 در دسترس است.

بخش‌های Viewport زمانی ایجاد می‌شوند که درگاه دید توسط یک یا چند ویژگی سخت‌افزاری تقسیم می‌شود - مانند یک تا یا لولا بین نمایشگرهای جداگانه - که به عنوان یک تقسیم‌کننده عمل می‌کنند.

بخش‌ها مناطقی از viewport هستند که می‌توانید هنگام توسعه سایت یا برنامه خود از نظر منطقی متمایز از آن‌ها استفاده کنید. این API های هیجان انگیز به شما امکان می دهند رابط کاربری خود را به طور خاص برای دستگاه های تاشو ایجاد یا بهینه کنید. به عنوان مثال، ایجاد یک تجربه کاربری در دو صفحه، یا صرفاً اجتناب از قرار دادن محتوا در سراسر صفحه.

از آزمایش اولیه ای که در سال گذشته انجام دادیم ، دو تغییر ایجاد شده است:

• segments ویژگی جاوا اسکریپت اکنون در شیء جدید اضافه شده window.viewport به جای window.visualViewport قرار دارد.
• رفتار ویژگی segments وقتی دستگاهی تا نشده است با رفتار CSS این ویژگی هماهنگ شده است. هنگامی که دستگاهی تا نمی شود (یا نمی توان آن را تا کرد)، ویژگی segments حاوی آرایه ای از یک بخش منفرد خواهد بود که اندازه کل نمای پورت را نشان می دهد.

دموی دستگاه های تاشو را بررسی کنید تا API را در عمل ببینید!