আইওএস 7 সাফারিতে ঠিকানা বার এবং স্ট্যাটাস বারটি আড়াল করা সম্ভব?


12

আইওএস 7 এ অ্যাড্রেস বার এবং স্ট্যাটাস বারটি আড়াল করা সম্ভব?

একটি ল্যান্ডস্কেপ অ্যাপে আমি বর্তমানে পূর্ববর্তী আইওএস সংস্করণগুলির জন্য এটি করতে নীচের কোডটি ব্যবহার করছি এবং এটি আইওএস 7 তেও ভাল কাজ করে: পৃষ্ঠাটি খোলার সময় এটি পুরো স্ক্রিনে যায় এবং তাই থাকে।

জাতীয়:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

এইচটিএমএল:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

আসল বিষয়টি হ'ল আইওএস 7-এ আইফোন এবং আইপ্যাডের স্ক্রিনের নীচে ট্যাপ করার সময় অ্যাড্রেস বার এবং স্ট্যাটাস বারটি উপস্থিত হয় এবং এ থেকে মুক্তি পাওয়ার একমাত্র উপায় হ'ল ফোন ওরিয়েন্টেশন পরিবর্তন করা এবং তারপরে এটিকে পূর্বের অরিয়েন্টেশনে ফিরে আসা। সেই কারসাজি এড়াতে কি যাইহোক আছে?


এই অনেক উত্তর ইতিমধ্যে stackoverflow.com/questions/18813476/...
— AllInOne

আমি এসও তে কোনও উত্তর দেখতে পাচ্ছি না যা এখানে উদাহরণ কোডের চেয়ে বেশি কাজ করছে। হুম ...
— bmike

উত্তর:


15

একটি পদ্ধতি রয়েছে:<meta name="viewport" content="minimal-ui”>
( তবে এটি কেবল আইওএস 7.1-তে কাজ করে - 7.0 বা 8.0 এ নয় )

উত্স: স্ট্যাকওভারফ্লো


আরো বিস্তারিত, থেকে সামঞ্জস্যপূর্ণ iOS 7.1 বিটা 2 পরিবর্তন লগ ইন করুন এবং রিলিজ নোট :

সাফারি নোটস

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

উদাহরণস্বরূপ, ব্যবহার করুন <meta name=”viewport” content=”width=1024, minimal-ui”>।


আপডেট: আমি নিশ্চিত করেছি যে এই পদ্ধতিটি আইওএস 7.1 এ কাজ করে (আনুষ্ঠানিক চূড়ান্ত প্রকাশ)। আপনি আমার ওয়েব অ্যাপ্লিকেশন দিয়ে নিজের জন্য নিশ্চিত করতে পারেন , যা উপরে বর্ণিত মেটা ট্যাগ সমাধানটি ব্যবহার করে।

এখানে চিত্র বর্ণনা লিখুন


আমি চেষ্টা করার জন্য চূড়ান্ত মুক্তির জন্য অপেক্ষা করব, তারপরে আমি আপনার উত্তরটি গ্রহণ করব। অনেক ধন্যবাদ.
— সোভাসার

Hmmmm। আমি .1.১.১ ব্যবহার করছি এবং উপরে লিঙ্ক করা আপনার ওয়েব অ্যাপ্লিকেশন লোড হওয়ার পরে ঠিকানা বার ইত্যাদি আড়াল করে না। তারা কি এটি 7.1.1 এ ভেঙেছে?
— ব্রায়ান বি

7
এটি iOS8 এ সরানো হয়েছে।
— চার্লি শ্লিয়েসার

1
: IOS8 বাস্তবায়ন সম্পর্কে এই পোস্টে চেক করুন stackoverflow.com/questions/24889100/...
— svassr

1

আমি <meta name="apple-mobile-web-app-capable" content="yes"> এটি প্রস্তাবিত দেখেছি এটি একক মোডে সাইটটি চালায় যা ইউআই লুকায়। এটি উপরের ন্যূনতম-ইউআই সমাধানের সাথে কীভাবে তুলনা করে তা সম্পর্কে আমি অস্পষ্ট। আমি এই ছাপে আছি যে এই সমাধানটি আইওএস সংস্করণগুলির জন্যও 7.1 এর আগে কাজ করে।


5
এই সমাধানটি কেবলমাত্র সেই ওয়েব পৃষ্ঠার জন্যই কাজ করে যা আপনি নিজের হোম স্ক্রিনে অ্যাপ হিসাবে যোগ করেন।
— সোভাসার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.