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

Alexis Menard

منتشر شده: ۹ ژوئن ۲۰۲۵

رابط برنامه‌نویسی کاربردی Viewport Segments دسترسی به موقعیت و ابعاد یک ناحیه منطقی مجزا از Viewport را با جاوا اسکریپت یا CSS فراهم می‌کند و از کروم ۱۳۸ در دسترس است.

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

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

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

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

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