আমি একটি একক পৃষ্ঠার ওয়েব অ্যাপে কাজ করছি, এটি সাধারণত মোবাইল ডিভাইসে ব্যবহৃত হবে। এর বৈশিষ্ট্যগুলির মধ্যে একটি হ'ল মানচিত্র মোড, যা অস্থায়ীভাবে পুরো ব্রাউজার উইন্ডোটির উপরে নিয়ে যায়; একটি দূরত্ব স্কেল এবং কিছু নিয়ন্ত্রণ মানচিত্রের চারটি কোণে সংযুক্ত রয়েছে। এখানে মানচিত্রের একটি ছোট স্ক্রিনশট যাতে আপনি বলতে পারেন যে আমি কী সম্পর্কে বলছি:
মানচিত্রটি একটি হিসাবে প্রয়োগ করা <div>হয় position: fixedএবং চারটি স্থানাঙ্ক শূন্য হয়; অন্তর্নিহিত অ্যাপ্লিকেশন প্রদর্শনের উত্স থেকে সরিয়ে স্ক্রোল করার ক্ষেত্রে মানচিত্রটি দৃশ্যমান <body>হওয়ার overflow: hiddenসময় আমি অস্থায়ীভাবে এটিকে সেট করেছিলাম । আমি ডেস্কটপ ব্রাউজারগুলিতে ঠিক কীভাবে মানচিত্রটি কাজ করতে পারি তা যথেষ্ট। "width=device-width,user-scalable=no"উইন্ডোটির দৃশ্যমান ক্ষেত্রটি ভিউপোর্টের সাথে হুবহু মিলে যাওয়ার জন্য মোবাইল ব্রাউজারগুলিকেও আমি এমন একটি মেটা ভিউপোর্ট ট্যাগ দেওয়া দরকার ।
এই সমস্ত কিছু সুন্দরভাবে কাজ করেছিল যখন আমি মূলত এই অ্যাপটি লিখেছিলাম, কিন্তু আইওএস সাফারি লাইন ধরে কোথাও স্কেলিংয়ের সাথে জড়িত কোনও মেটা ভিউপোর্ট বিকল্পগুলির সম্মান দেওয়া বন্ধ করে দিয়েছে - দৃশ্যত অনেকগুলি সাইট ট্যাগটি ভুলভাবে প্রয়োগ করছে, ফলস্বরূপ অচিহ্নিত ছোট ছিল, এখনও unzoomable। বর্তমানে, আপনি যদি এই ব্রাউজারে মানচিত্রটি সক্ষম করেন, আপনি সম্ভবত কিছুটা জুম-ইন ভিউ পাবেন, যা ডান এবং নীচে এই বোতামগুলি কেটে ফেলেছে - এবং আপনি এটি সম্পর্কে কিছুই করতে পারবেন না, কারণ সমস্ত স্পর্শগুলি ব্রাউজারের স্ক্রোলিংয়ের পরিবর্তে মানচিত্রের জন্য জুম / প্যান অঙ্গভঙ্গি হিসাবে ব্যাখ্যা করা হয়। এই বোতামগুলির মাধ্যমে অ্যাক্সেস করা বৈশিষ্ট্যগুলি ছাড়াই - এবং ডানদিকের ডানদিকের বোতামটি ছাড়া মানচিত্রটি মারাত্মকভাবে কার্যকর নয় you এমনকি আপনি মানচিত্রটি বন্ধ করতে পারবেন না। বাইরে যাওয়ার একমাত্র উপায় হ'ল পৃষ্ঠাটি পুনরায় লোড করা যার ফলশ্রুতিতে সংরক্ষিত ডেটা হারাতে পারে।
আমি অবশ্যই history.pushState/ এর ব্যবহার যুক্ত করব onpopstateযাতে মানচিত্রের ওভারলেটি একটি পৃথক পৃষ্ঠার মতো আচরণ করে। আপনি ব্রাউজারের পিছনের বোতামটি ব্যবহার করে মানচিত্রের মোড থেকে বেরিয়ে আসতে সক্ষম হবেন - তবে এটি হারিয়ে যাওয়া বোতামগুলির কারণে বাকী কার্যকারিতাটি হারাতে পারে না।
আমি .requestFullscreen()মানচিত্রের ওভারলেটি বাস্তবায়নের জন্য বিবেচনা করেছি , তবে অ্যাপটি অন্যথায় ব্যবহারযোগ্য হবে এমনটি সর্বত্র সমর্থিত নয়। বিশেষত, এটি আইফোনগুলিতে দৃশ্যত কোনওভাবেই কাজ করে না, এবং আইপ্যাডগুলিতে আপনি একটি স্ট্যাটাস বার এবং আপনার সামগ্রীতে ওভারলাইং করে একটি বিশাল 'এক্স' বোতাম পাবেন - আমার দূরত্বের স্কেল সম্ভবত আর পঠনযোগ্য হবে না। আমি প্রকৃতপক্ষে যা চাই তা নির্গতভাবে নয় - আমার পুরো উইন্ডো দরকার , পূর্ণ পর্দা নয়।
আধুনিক ব্রাউজারগুলিতে আমি কীভাবে একটি পূর্ণ উইন্ডো প্রদর্শন করব? বিষয়টিতে আমি যে সমস্ত তথ্য পেতে পারি তা মেটা ভিউপোর্ট ট্যাগ ব্যবহারের বিষয়ে কথা বলে তবে আমি উল্লেখ করেছি যে আর কাজ করে না।