অ্যান্ড্রয়েড কাস্টম ট্যাবগুলির ওভারভিউ

কাস্টম ট্যাবগুলি অ্যান্ড্রয়েড ব্রাউজারগুলির একটি বৈশিষ্ট্য যা অ্যাপ বিকাশকারীদের সরাসরি তাদের অ্যাপের মধ্যে একটি কাস্টমাইজড ব্রাউজার অভিজ্ঞতা যোগ করার একটি উপায় দেয়৷

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

কাস্টম ট্যাবগুলি একটি বহিরাগত ব্রাউজার খোলার চেয়ে একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করে৷ তারা ব্যবহারকারীদের ব্রাউজ করার সময় অ্যাপের মধ্যে থাকতে দেয়, ব্যস্ততা বাড়ায় এবং ব্যবহারকারীদের অ্যাপ ত্যাগ করার ঝুঁকি কমায়। তারা সরাসরি ব্যবহারকারীর পছন্দের ব্রাউজার দ্বারা চালিত হয়ে এবং স্বয়ংক্রিয়ভাবে এটির দ্বারা অফার করা অবস্থা এবং বৈশিষ্ট্যগুলি ভাগ করে এটি সম্পন্ন করে৷ অনুরোধ, অনুমতি অনুদান, বা কুকি স্টোর পরিচালনা করতে আপনাকে কাস্টম কোড লিখতে হবে না।

কাস্টম ট্যাবগুলি কী করতে পারে?

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

একটি কাস্টম ট্যাবে আমি কী কাস্টমাইজ করতে পারি?

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

আপনার অ্যাপের বাকি অংশের সাথে মেলে কাস্টম প্রবেশ এবং প্রস্থান অ্যানিমেশন

একটি মোবাইল ব্রাউজার, একটি কাস্টম ট্যাবে লোড করা একটি ওয়েব সাইট দিয়ে শেষ হয়ে স্ক্রিনগুলির মধ্যে স্থানান্তরিত হয়৷

আপনার অ্যাপের ব্র্যান্ডিংয়ের সাথে মেলে টুলবারের রঙ পরিবর্তন করা হচ্ছে।

একটি মোবাইল ব্রাউজার, একটি কাস্টম ট্যাবে রূপান্তরিত হচ্ছে একটি ওয়েবসাইটের সাথে মিলে যাওয়া রঙগুলি

রঙের সামঞ্জস্য যা আপনার অ্যাপের সাথে থাকতে পারে, এমনকি যদি তারা হালকা এবং অন্ধকার থিমের মধ্যে পরিবর্তন করে।

এবং সেই রঙের সামঞ্জস্যতা আপনার অ্যাপের সাথে থাকতে পারে, এমনকি যদি তারা হালকা এবং অন্ধকার থিমের মধ্যে স্যুইচ করে।

ব্রাউজারের টুলবার এবং মেনুতে কাস্টম অ্যাকশন এবং এন্ট্রি।

কাস্টম এন্ট্রি সহ একটি কাস্টম ট্যাব তার মেনু দেখাচ্ছে।

কাস্টম ট্যাবের লঞ্চের উচ্চতা নিয়ন্ত্রণ করুন, আপনার ওয়েব স্টোরের সাথে ইন্টারঅ্যাক্ট করার সময় আপনার ভিডিও স্ট্রিম করার মতো জিনিসগুলিকে সক্ষম করুন৷

একটি সেট উচ্চতা সহ একটি আংশিক কাস্টম ট্যাব খোলা।

ব্যবহারকারীরা অন্তর্নিহিত অ্যাপের সাথে ইন্টারঅ্যাক্ট করার জন্য একটি কাস্টম ট্যাব ছোট করতে পারে এবং তাদের যাত্রা পুনরায় শুরু করার জন্য কোনো অগ্রগতি না হারিয়ে যেকোনো সময় এটি পুনরুদ্ধার করতে পারে। এটি ব্যবহারকারীদের কাস্টম ট্যাব বন্ধ করার একটি বিকল্প দেয় এবং তারা ওয়েব এবং নেটিভ অ্যাপের মধ্যে নির্বিঘ্নে মাল্টি-টাস্ক করতে পারে। বৈশিষ্ট্যটি Chrome 122 বিটা থেকে শুরু করে কাস্টম ট্যাবের জন্য ডিফল্টরূপে সক্ষম করা আছে।

ব্যাকগ্রাউন্ড অ্যাপের সাথে ইন্টারঅ্যাক্ট করতে একটি কাস্টম ট্যাব ছোট করুন।

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

আপনি এখন GitHub এ আমাদের নমুনা দিয়ে এটি পরীক্ষা করতে পারেন।

আমি কখন কাস্টম ট্যাব ব্যবহার করব?

ওয়েব সামগ্রী লোড করার কোনো একক "সঠিক" উপায় নেই৷ নির্দিষ্ট পরিস্থিতিতে, WebView ব্যবহার করার জন্য সঠিক প্রযুক্তি হতে চলেছে। উদাহরণস্বরূপ, আপনি যদি আপনার অ্যাপের মধ্যে একচেটিয়াভাবে আপনার নিজস্ব সামগ্রী হোস্ট করে থাকেন, অথবা যদি আপনার অ্যাপ থেকে সরাসরি জাভাস্ক্রিপ্ট ইনজেক্ট করতে হয়। যদি আপনার অ্যাপ লোকেদেরকে ডোমেনের বাইরে URL-এ নির্দেশ করে, কাস্টম ট্যাবে অন্তর্নির্মিত শেয়ার্ড স্টেট মানে তারা সম্ভবত একটি ভাল পছন্দ। কাস্টম ট্যাবের অন্যান্য শক্তির মধ্যে রয়েছে:

  1. নিরাপত্তা: ব্যবহারকারী এবং ডিভাইসকে বিপজ্জনক সাইট থেকে রক্ষা করতে কাস্টম ট্যাবগুলি Google এর নিরাপদ ব্রাউজিং ব্যবহার করে।
  2. কর্মক্ষমতা অপ্টিমাইজেশান:
    1. পটভূমিতে ব্রাউজারটির প্রাক-উষ্ণতা, অ্যাপ্লিকেশন থেকে সম্পদ চুরি এড়ানোর সময়।
    2. আগে থেকে অনুমানমূলকভাবে ইউআরএল লোড করে পৃষ্ঠা লোডের সময় ত্বরান্বিত করুন।
  3. লাইফসাইকেল ম্যানেজমেন্ট: ট্যাব ব্যবহারের সময় একটি কাস্টম ট্যাব চালু করা অ্যাপগুলি সিস্টেম দ্বারা উচ্ছেদ করা হবে না - এর গুরুত্ব "ফোরগ্রাউন্ড" স্তরে উত্থাপিত হয়৷
  4. শেয়ার্ড কুকি জার এবং অনুমতি মডেল যাতে ব্যবহারকারীদের তারা ইতিমধ্যেই সংযুক্ত সাইটগুলিতে সাইন-ইন করতে না হয়, বা তারা ইতিমধ্যেই দেওয়া অনুমতিগুলি পুনরায় মঞ্জুর করে৷
  5. ডেটা সেভারের মতো ব্রাউজার বৈশিষ্ট্যগুলি ভাগ করা হয়, যদি সক্রিয় থাকে - সামগ্রী দ্রুত এবং সস্তা লোড করা হয়৷
  6. ভাল ফর্ম সম্পূর্ণ করার জন্য ডিভাইস জুড়ে সিঙ্ক্রোনাইজ করা স্বয়ংসম্পূর্ণ।
  7. ব্যবহারকারীরা একটি সমন্বিত ব্যাক বোতাম দিয়ে অ্যাপে ফিরে আসতে পারেন।

কাস্টম ট্যাব বনাম বিশ্বস্ত ওয়েব কার্যকলাপ

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

কাস্টম ট্যাব কোথায় পাওয়া যায়?

কাস্টম ট্যাবগুলি অ্যান্ড্রয়েড প্ল্যাটফর্মে ব্রাউজার দ্বারা সমর্থিত একটি বৈশিষ্ট্য৷ এটি মূলত Chrome দ্বারা প্রবর্তিত হয়েছিল, 45 সংস্করণে। প্রোটোকলটি বেশিরভাগ অ্যান্ড্রয়েড ব্রাউজার দ্বারা সমর্থিত।

আমরা এই প্রকল্পে প্রতিক্রিয়া, প্রশ্ন এবং পরামর্শ খুঁজছি, তাই আমরা আপনাকে crbug.com- এ সমস্যা ফাইল করতে এবং Twitter @ChromiumDev- এ প্রশ্ন জিজ্ঞাসা করতে উত্সাহিত করছি।

এবার শুরু করা যাক

GitHub ডেমো ছাড়াও, কাস্টম ট্যাবগুলির সাথে আপনাকে শুরু করার জন্য অনেকগুলি গাইড রয়েছে৷

প্রশ্নের জন্য, StackOverflow-এ chrome-custom-tabs ট্যাগ চেক করুন।