অ্যাপল সাফারি এইচটিএমএল রেফারেন্সে বলেছে যে নীচের কোডটি আইফোন ওএস ২.১ এবং তারপরে ওয়েব-অ্যাপ্লিকেশন পূর্ণ স্ক্রিন তৈরি করার কথা বলেছে ।
<meta name="apple-mobile-web-app-capable" content="yes">
তবে কাজ হচ্ছে বলে মনে হচ্ছে না। আইপ্যাড ওয়েব অ্যাপে সাফারির মধ্যে শিরোনাম / অবস্থান বারটি লুকানোর কোনও উপায় আছে কি?
উত্তর:
আপনি কেবল হোম স্ক্রিনে অ্যাপে একটি বুকমার্ক সংরক্ষণ করার পরে এটি কাজ করে। আপনি যদি কেবলমাত্র সাইটে সাধারণত ব্রাউজ করেন তবে তা নয়।
আপনি যদি কোনও নতুন উইন্ডো চালু না করেই কোনও ব্রাউজারে থাকতে চান তবে এই এইচটিএমএল কোডটি ব্যবহার করুন:
<a href="javascript:this.location = 'index.php?page=1'">
প্রথমে হোম স্ক্রীন থেকে আপনার সাফারি ব্রাউজারটি চালু করুন এবং যে ওয়েবপৃষ্ঠায় আপনি সম্পূর্ণ স্ক্রিনটি দেখতে চান তাতে যান।
ওয়েবপৃষ্ঠাটি সনাক্ত করার পরে, আপনার পর্দার শীর্ষে তীর আইকনে আলতো চাপুন।
ড্রপ-ডাউন মেনুতে, হোম স্ক্রিন যোগ করুন বিকল্পে আলতো চাপুন।
অ্যাড টু হোম উইন্ডো প্রদর্শিত হবে। আপনি আপনার আইপ্যাডের হোম স্ক্রিনে একটি শিরোনাম হিসাবে প্রদর্শিত হবে এমন বর্ণনাটি কাস্টমাইজ করতে পারেন। আপনার কাজ শেষ হয়ে গেলে অ্যাড বোতামে আলতো চাপুন।
একটি নতুন আইকন এখন আপনার হোম স্ক্রিনে প্রদর্শিত হবে। আইকনটিতে আলতো চাপলে ওয়েবপৃষ্ঠাটি পূর্ণস্ক্রিন মোডে খুলবে।
দ্রষ্টব্য: আপনার আইপ্যাডের হোম স্ক্রিনের আইকনটি শুধুমাত্র ফুলস্ক্রিন মোডে বুকমার্কড পৃষ্ঠাটি খুলবে। আপনার পরবর্তী পৃষ্ঠায় পরিদর্শন করা হবে সাফারি ঠিকানা এবং শিরোনাম বারগুলি bars পূর্ণস্ক্রিন মোডে আপনার ওয়েবপৃষ্ঠা বা এইচটিএমএল 5 উপস্থাপনা খেলার এই পদ্ধতিটি যদি ওয়েবপৃষ্ঠার উত্স কোডটিতে নিম্নলিখিত ট্যাগ থাকে তবে কাজ করে:
<meta name="apple-mobile-web-app-capable" content="yes">
তৃতীয় পক্ষের সরঞ্জাম ব্যবহার করে আপনি এই ট্যাগটি আপনার ওয়েবপৃষ্ঠায় যুক্ত করতে পারেন, উদাহরণস্বরূপ আইওয়েব এসইও সরঞ্জাম বা আপনার পছন্দ মতো অন্য কোনও জিনিস। দয়া করে নোট করুন যে আপনাকে প্রথমে ট্যাগটি যুক্ত করতে হবে, পৃষ্ঠাটি রিফ্রেশ করুন এবং তারপরে আপনার হোম স্ক্রিনে একটি বুকমার্ক যুক্ত করুন।
এটি কেবলমাত্র প্রথম (বুকমার্কযুক্ত) পৃষ্ঠাটি পূর্ণ পর্দা খুলবে। পরবর্তী পৃষ্ঠাটি আবার অ্যাড্রেস বারের সাথে খোলা হবে। আপনি নিজের পৃষ্ঠার শিরোনামে যা যা মেটা ট্যাগ রেখেছেন ...
এই সাইটের একটি কার্যক্ষম কাজ রয়েছে, একই প্রভাব, ভিউপোর্টের মোট উচ্চতায় প্রথম সন্তানের ডিভ সেট করতে কিছু জাভাস্ক্রিপ্ট ব্যবহার করে। http://webapp-net.com/Demo/Index.html
দেখে মনে হচ্ছে এই থ্রেডের বেশিরভাগ উত্তর আপ রাখেনি। আইপ্যাডগুলিতে আইওএস সাফারিটির ফুলস্ক্রিন সমর্থন রয়েছে এবং জাভাস্ক্রিপ্ট ব্যবহার করে এটি প্রয়োগ করা খুব সহজ।
আপনার ওয়েব অ্যাপ্লিকেশনটিতে কীভাবে ফুলস্ক্রিন সক্ষমতার প্রয়োগ করা যায় সে সম্পর্কে আমার সম্পূর্ণ নিবন্ধটি এখানে ।