আগামীকালের ডিসপ্লে মোডের জন্য প্রস্তুতি নিচ্ছি

PWAs বিশেষ ডিসপ্লে মোড মোকাবেলা করতে "display_override" বৈশিষ্ট্য ব্যবহার করতে পারে।

টমাস স্টেইনার

একটি ওয়েব অ্যাপ ম্যানিফেস্ট হল একটি JSON ফাইল যা ব্রাউজারকে আপনার প্রগ্রেসিভ ওয়েব অ্যাপ এবং ব্যবহারকারীর ডেস্কটপ বা মোবাইল ডিভাইসে ইনস্টল করার সময় এটি কীভাবে আচরণ করা উচিত সে সম্পর্কে বলে। display প্রপার্টির মাধ্যমে, আপনার অ্যাপ চালু হলে কোন ব্রাউজার UI দেখানো হবে তা আপনি কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ, আপনি ঠিকানা বার এবং ব্রাউজার ক্রোম লুকাতে পারেন। গেমগুলি এমনকি পূর্ণ স্ক্রীন চালু করার জন্য তৈরি করা যেতে পারে। একটি দ্রুত সংকলন হিসাবে, নীচে এই নিবন্ধটি লেখার সময়ে নির্দিষ্ট করা প্রদর্শন মোডগুলি রয়েছে৷

সম্পত্তি ব্যবহার করুন
fullscreen কোনো ব্রাউজার UI ছাড়াই ওয়েব অ্যাপ্লিকেশান খোলে এবং উপলভ্য ডিসপ্লে এলাকার সম্পূর্ণ অংশ নেয়।
standalone একটি স্বতন্ত্র অ্যাপের মতো দেখতে ও অনুভব করতে ওয়েব অ্যাপটি খোলে। অ্যাপটি ব্রাউজার থেকে আলাদা, নিজস্ব উইন্ডোতে চলে এবং ইউআরএল বারের মতো স্ট্যান্ডার্ড ব্রাউজার UI উপাদান লুকিয়ে রাখে।
minimal-ui এই মোডটি standalone অনুরূপ, কিন্তু ব্যবহারকারীকে ন্যাভিগেশন নিয়ন্ত্রণের জন্য UI উপাদানগুলির একটি ন্যূনতম সেট প্রদান করে (যেমন ব্যাক এবং রিলোড)।
browser একটি আদর্শ ব্রাউজার অভিজ্ঞতা।

এই ডিসপ্লে মোডগুলি একটি সু-সংজ্ঞায়িত ফলব্যাক চেইন অনুসরণ করে ( "fullscreen" → "standalone" → "minimal-ui" → "browser" )। যদি একটি ব্রাউজার একটি প্রদত্ত মোড সমর্থন না করে, এটি চেইনের পরবর্তী প্রদর্শন মোডে ফিরে আসে।

display সম্পত্তির ত্রুটি

এই হার্ড-ওয়্যার্ড ফলব্যাক চেইন পদ্ধতির সমস্যাটি তিনগুণ:

  • প্রদত্ত ব্রাউজার দ্বারা " "minimal-ui" সমর্থিত না হলে একজন বিকাশকারী "browser" ডিসপ্লে মোডে বাধ্য না হয়ে " "minimal-ui" এর অনুরোধ করতে পারে না।
  • ডেভেলপারদের ক্রস-ব্রাউজার পার্থক্যগুলি পরিচালনা করার কোন উপায় নেই, যেমন ব্রাউজারটি "standalone" মোডের জন্য উইন্ডোতে একটি ব্যাক বোতাম অন্তর্ভুক্ত করে বা বাদ দেয়।
  • বর্তমান আচরণটি একটি পশ্চাদমুখী সামঞ্জস্যপূর্ণ উপায়ে নতুন ডিসপ্লে মোডগুলি প্রবর্তন করা অসম্ভব করে তোলে, যেহেতু ট্যাবযুক্ত অ্যাপ্লিকেশন মোডের মতো অনুসন্ধানের ফলব্যাক চেইনে একটি স্বাভাবিক স্থান নেই।

display_override বৈশিষ্ট্য

এই সমস্যাগুলি display_override বৈশিষ্ট্য দ্বারা সমাধান করা হয়, যা ব্রাউজার display বৈশিষ্ট্যের আগে বিবেচনা করে। এর মান হল স্ট্রিংগুলির একটি ক্রম যা ইন-অর্ডার হিসাবে বিবেচিত হয় এবং প্রথম সমর্থিত প্রদর্শন মোড প্রয়োগ করা হয়। যদি কোনোটিই সমর্থিত না হয়, ব্রাউজারটি display ক্ষেত্রের মূল্যায়নে ফিরে আসে।

নীচের উদাহরণে, ডিসপ্লে মোড ফলব্যাক চেইনটি নিম্নরূপ হবে। ( "window-controls-overlay" -এর বিশদ বিবরণ এই নিবন্ধের সুযোগের বাইরে।)

  1. "window-controls-overlay" (প্রথমে, display_override দেখুন।)
  2. "minimal-ui"
  3. "standalone" (যখন display_override শেষ হয়ে যায়, display মূল্যায়ন করুন।)
  4. "minimal-ui" (অবশেষে, display ফলব্যাক চেইন ব্যবহার করুন।)
  5. "browser"
{
  "display_override": ["window-controls-overlay", "minimal-ui"],
  "display": "standalone",
}

পশ্চাদগামী সামঞ্জস্যপূর্ণ থাকার জন্য, ভবিষ্যতের যেকোনো প্রদর্শন মোড শুধুমাত্র display_override এর মান হিসাবে গ্রহণযোগ্য হবে, কিন্তু display নয়। যে ব্রাউজারগুলি display_override সমর্থন করে না সেগুলি display প্রপার্টিতে ফিরে আসে এবং একটি অজানা ওয়েব অ্যাপ ম্যানিফেস্ট সম্পত্তি হিসাবে display_override উপেক্ষা করে।

স্বীকৃতি

display_override প্রপার্টি ড্যানিয়েল মারফি দ্বারা আনুষ্ঠানিক করা হয়েছিল।