ভিউপোর্ট সেগমেন্ট এপিআই সহ ভাঁজযোগ্য ডিভাইসগুলিকে সমর্থন করে

Alexis Menard

প্রকাশিত: জুন 9, 2025

ভিউপোর্ট সেগমেন্টস এপিআই জাভাস্ক্রিপ্ট বা CSS সহ ভিউপোর্টের একটি যৌক্তিকভাবে পৃথক অঞ্চলের অবস্থান এবং মাত্রাগুলিতে অ্যাক্সেস অফার করে এবং Chrome 138 থেকে উপলব্ধ।

ভিউপোর্ট সেগমেন্ট তৈরি হয় যখন ভিউপোর্টকে এক বা একাধিক হার্ডওয়্যার বৈশিষ্ট্য দ্বারা বিভক্ত করা হয়—যেমন একটি ভাঁজ বা পৃথক প্রদর্শনের মধ্যে একটি কব্জা—যা একটি বিভাজক হিসেবে কাজ করে।

সেগমেন্টগুলি হল ভিউপোর্টের অঞ্চল যেগুলিকে আপনি আপনার সাইট বা অ্যাপ ডেভেলপ করার সময় যৌক্তিকভাবে স্বতন্ত্র হিসাবে বিবেচনা করতে পারেন। এই উত্তেজনাপূর্ণ APIগুলি আপনাকে বিশেষভাবে ভাঁজযোগ্য ডিভাইসগুলির জন্য আপনার ইন্টারফেস তৈরি বা অপ্টিমাইজ করতে দেয়। উদাহরণস্বরূপ, একটি দ্বৈত ফলক ব্যবহারকারী-অভিজ্ঞতা তৈরি করা, বা কেবল ভাঁজ জুড়ে সামগ্রী রাখা এড়ানো।

অরিজিন ট্রায়াল যা আমরা গত বছর চালিয়েছিলাম , সেখানে দুটি পরিবর্তন হয়েছে:

• JavaScript অ্যাট্রিবিউট segments এখন window.visualViewport এর পরিবর্তে নতুন যোগ করা window.viewport অবজেক্টে অবস্থিত।
• কোনো ডিভাইস ভাঁজ করা না থাকলে segments বৈশিষ্ট্যের আচরণ এই বৈশিষ্ট্যের CSS আচরণের সাথে সারিবদ্ধ করা হয়েছে। যখন একটি ডিভাইস ভাঁজ করা হয় না (বা ভাঁজ করা যায় না), segments বৈশিষ্ট্যে একটি একক অংশের একটি অ্যারে থাকবে যা পুরো ভিউপোর্ট আকারের প্রতিনিধিত্ব করে।

এপিআই কার্যকরী দেখতে ভাঁজযোগ্য ডিভাইসের ডেমো পরীক্ষা করুন!