আইওএস 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.