कस्टम टैब, Android ब्राउज़र की एक ऐसी सुविधा है जिसकी मदद से ऐप्लिकेशन डेवलपर, सीधे अपने ऐप्लिकेशन में पसंद के मुताबिक ब्राउज़र अनुभव जोड़ सकते हैं.
स्मार्टफ़ोन के शुरुआती दिनों से ही मोबाइल ऐप्लिकेशन पर वेब कॉन्टेंट लोड होने की सुविधा को बढ़ावा मिल रहा है. हालांकि, पुराने विकल्पों की वजह से डेवलपर को चुनौतियों का सामना करना पड़ सकता है. असल ब्राउज़र लॉन्च करना, उन उपयोगकर्ताओं के लिए एक बड़ा कॉन्टेक्स्ट स्विच है जिन्हें पसंद के मुताबिक नहीं बनाया जा सकता. हालांकि, वेबव्यू वेब प्लैटफ़ॉर्म की सभी सुविधाओं पर काम नहीं करते, इसलिए उन्हें ब्राउज़र के साथ शेयर न करें और न ही उनके रखरखाव के काम को जोड़ें.
किसी बाहरी ब्राउज़र पर खोलने के बजाय, कस्टम टैब इस्तेमाल करने से बेहतर उपयोगकर्ता अनुभव मिलता है. इनकी मदद से उपयोगकर्ता, ब्राउज़ करते समय ऐप्लिकेशन में बने रहते हैं, उनसे जुड़ाव बढ़ता है, और ऐप्लिकेशन छोड़ने वाले उपयोगकर्ताओं के जोखिम में भी कमी आती है. ऐसा करने के लिए, वे सीधे उपयोगकर्ता के पसंदीदा ब्राउज़र पर काम करते हैं और उनके साथ मिलने वाली सुविधाओं और उसकी स्थिति को अपने-आप शेयर करते हैं. आपको अनुरोध, अनुमति की अनुमतियां या कुकी स्टोर मैनेज करने के लिए, कस्टम कोड लिखने की ज़रूरत नहीं है.
कस्टम टैब क्या कर सकते हैं?
कस्टम टैब का इस्तेमाल करने से आपका वेब कॉन्टेंट, आपके उपयोगकर्ता के पसंदीदा ब्राउज़र को चलाने वाले किसी भी रेंडरिंग इंजन में लोड हो जाएगा. कोई भी एपीआई या वेब प्लैटफ़ॉर्म सुविधा वहां उपलब्ध होगी और आपके कस्टम टैब में उपलब्ध होगी. उनका ब्राउज़िंग सत्र, सेव किए गए पासवर्ड, पैसे चुकाने के तरीके, और पते, सभी ठीक वैसे ही दिखेंगे जैसे वे पहले से इस्तेमाल हो रहे हैं.
कस्टम टैब में किन-किन चीज़ों को पसंद के मुताबिक बनाया जा सकता है?
थोड़ा बहुत! कस्टम टैब से आपको कई ब्राउज़र Chrome और उपयोगकर्ता अनुभव पर बेहतर कंट्रोल मिलता है. अपने ऐप्लिकेशन में, इंटेंट का इस्तेमाल करके कस्टम टैब लॉन्च करते हैं. जब इस इंटेंट को कॉल किया जाता है, तो मनमुताबिक अनुभव पाने के लिए CustomTabIntent के साथ कई एट्रिब्यूट जोड़ सकते हैं. कुछ कस्टमाइज़ेशन जो आप जोड़ सकते हैं उनकी सूची यहां दी गई है.
आपके ऐप्लिकेशन के बाकी हिस्से से मेल खाने के लिए, कस्टम एंट्रेंस और एग्ज़िट ऐनिमेशन
टूलबार के रंग में बदलाव करके, अपने ऐप्लिकेशन की ब्रैंडिंग से मैच करें.
ऐसा रंग जो आपके ऐप्लिकेशन में बरकरार रहे, भले ही वह हल्के और गहरे रंग वाली थीम के बीच स्विच हो.
ब्राउज़र के टूलबार और मेन्यू में, अपने हिसाब से कार्रवाइयां और एंट्री.
कस्टम टैब की लॉन्च ऊंचाई नियंत्रित करें, जिससे अपने वेब स्टोर के साथ इंटरैक्ट करते समय अपने वीडियो स्ट्रीम करने जैसी चीज़ें सक्षम हो जाती हैं.
उपयोगकर्ता अपने मौजूदा ऐप्लिकेशन से इंटरैक्ट करने के लिए, कस्टम टैब को छोटा कर सकते हैं. साथ ही, अपने काम को फिर से शुरू करने के लिए, वह ऐप्लिकेशन को कभी भी वापस ला सकते हैं. इससे, उपयोगकर्ताओं को कस्टम टैब बंद करने का विकल्प मिलता है. इससे वे वेब और ऐप्लिकेशन पर एक साथ कई काम कर सकते हैं. Chrome 122 बीटा से शुरू होने वाले कस्टम टैब के लिए, यह सुविधा डिफ़ॉल्ट रूप से चालू रहती है.
यह हर चीज़ से बहुत दूर है. कस्टम टैब बहुत शक्तिशाली होते हैं और इन पर काम चल रहा है. ये सुविधाएं उपलब्ध होने पर, हर ब्राउज़र को इनके लिए सहायता जोड़ना होगा. हालांकि, तकरीबन सभी को कुछ हद तक सहायता ज़रूर मिलती है, लेकिन यह जानना ज़रूरी है कि आपके उपयोगकर्ता के ब्राउज़र में, क्या उपलब्ध हो सकता है और क्या नहीं. लोकप्रिय Android ब्राउज़र में अलग-अलग सुविधाओं की उपलब्धता की तुरंत जांच करने के लिए, सुविधा की तुलना वाली टेबल देखें.
अब GitHub पर हमारे सैंपल की मदद से, इसकी जांच की जा सकती है.
मुझे कस्टम टैब का इस्तेमाल कब करना चाहिए?
वेब कॉन्टेंट लोड करने का कोई एक "सही" तरीका नहीं है. कुछ मामलों में, WebView इस्तेमाल करने के लिए सही टेक्नोलॉजी होगा. उदाहरण के लिए, अगर आपको खास तौर पर अपने ऐप्लिकेशन में ही अपना कॉन्टेंट होस्ट करना है या आपको अपने ऐप्लिकेशन से सीधे JavaScript को इंजेक्ट करना है, तो अगर आपका ऐप्लिकेशन, लोगों को डोमेन से बाहर के यूआरएल पर भेजता है, तो कस्टम टैब में पहले से मौजूद शेयर की गई स्थिति का मतलब है कि वे आपके लिए बेहतर विकल्प हैं. कस्टम टैब की अन्य खूबियों में ये शामिल हैं:
- सुरक्षा: कस्टम टैब, उपयोगकर्ता और डिवाइस को खतरनाक साइटों से सुरक्षित रखने के लिए, Google की सुरक्षित ब्राउज़िंग का इस्तेमाल करते हैं.
- परफ़ॉर्मेंस का ऑप्टिमाइज़ेशन:
- ऐप्लिकेशन से संसाधन चुराने से बचते हुए बैकग्राउंड में ब्राउज़र को पहले से चेतावनी दें.
- यूआरएल को पहले से ही अनुमान लगाकर लोड करके, पेज लोड होने के समय को कम करें.
- लाइफ़साइकल मैनेजमेंट: टैब के इस्तेमाल के दौरान, कस्टम टैब लॉन्च करने वाले ऐप्लिकेशन को सिस्टम से नहीं हटाया जाएगा - इसका महत्व "फ़ोरग्राउंड" लेवल पर बढ़ा दिया गया है.
- शेयर किए गए कुकी जार और अनुमतियों के मॉडल से, उपयोगकर्ताओं को उन साइटों में साइन इन करने की ज़रूरत नहीं होती जिनसे वे पहले से कनेक्ट हैं. इसके अलावा, उन्हें पहले से दी गई अनुमतियों को फिर से स्वीकार करने की भी ज़रूरत नहीं है.
- डेटा बचाने की सेटिंग जैसी ब्राउज़र की सुविधाएं शेयर की जाती हैं. ऐसा तब होता है, जब ये सुविधाएं चालू हों. इससे कॉन्टेंट तेज़ी से और कम समय में लोड होता है.
- फ़ॉर्म पूरा करने की बेहतर सुविधा के लिए, सभी डिवाइसों से अपने-आप पूरा होने की सुविधा सिंक की गई है.
- इंटिग्रेट किए गए 'वापस जाएं' बटन की मदद से, उपयोगकर्ता ऐप्लिकेशन पर वापस जा सकते हैं.
कस्टम टैब बनाम भरोसेमंद वेब गतिविधि
भरोसेमंद वेब गतिविधियां, कस्टम टैब प्रोटोकॉल का इस्तेमाल करती हैं और इसके ज़्यादातर फ़ायदे शेयर करती हैं. हालांकि, पसंद के मुताबिक बनाया गया यूज़र इंटरफ़ेस (यूआई) उपलब्ध कराने के बजाय, यह डेवलपर को बिना किसी यूज़र इंटरफ़ेस (यूआई) के ब्राउज़र टैब खोलने की सुविधा देता है. इसका सुझाव उन डेवलपर को दिया जाता है जो अपने Android ऐप्लिकेशन में, अपना प्रोग्रेसिव वेब ऐप्लिकेशन फ़ुल स्क्रीन में खोलना चाहते हैं.
कस्टम टैब कहां उपलब्ध हैं?
कस्टम टैब एक सुविधा है जो Android प्लैटफ़ॉर्म पर ब्राउज़र पर काम करती है. इसे मूल रूप से Chrome ने 45 वर्शन पर लॉन्च किया था. प्रोटोकॉल ज़्यादातर Android ब्राउज़र पर काम करता है.
हमें इस प्रोजेक्ट पर आपकी राय, सवाल, और सुझाव चाहिए. इसलिए, हमारी सलाह है कि आप crbug.com पर समस्या की शिकायत करें और Twitter @ChromiumDev पर सवाल पूछें.
शुरू करें
GitHub डेमो के अलावा, कस्टम टैब का इस्तेमाल शुरू करने के लिए कई गाइड मौजूद हैं.
- शुरू करना
- यूज़र इंटरफ़ेस को पसंद के मुताबिक बनाना
- पसंद के मुताबिक इंटरैक्टिविटी जोड़ना
- वर्म-अप और प्री-फ़ेच: कस्टम टैब सेवा का इस्तेमाल करना
- आंशिक कस्टम टैब से एक साथ कई काम करना
- उपयोगकर्ता के जुड़ाव को मेज़र करना
सवालों के लिए, StackOverflow पर chrome-custom-tabs टैग देखें.