ऐप शॉर्टकट की मदद से तेज़ी से काम करें

ऐप्लिकेशन शॉर्टकट की मदद से, उन कुछ सामान्य कार्रवाइयों को तुरंत ऐक्सेस किया जा सकता है जिनकी उपयोगकर्ताओं को अक्सर ज़रूरत होती है.

François Beaufort
François Beaufort
Jungkee Song
Jungkee Song

उपयोगकर्ताओं की साथ ही, प्रोडक्टिविटी बढ़ाने और मुख्य कामों से जुड़े होने में मदद मिलती है. वेब प्लैटफ़ॉर्म अब ऐप्लिकेशन शॉर्टकट के साथ काम करता है. इनकी मदद से, वेब डेवलपर अपने प्लैटफ़ॉर्म पर उन कुछ सामान्य कार्रवाइयों का क्विक ऐक्सेस पाएं जिनकी उपयोगकर्ताओं को अक्सर ज़रूरत होती है.

इस लेख में ऐप्लिकेशन शॉर्टकट तय करने का तरीका बताया गया है. इसके अलावा, आपको जुड़े हुए कुछ सबसे सही तरीकों के बारे में जानकारी मिलेगी.

ऐप्लिकेशन शॉर्टकट के बारे में जानकारी

ऐप शॉर्टकट की मदद से, उपयोगकर्ता आपके Google Workspace for Education खातों में, सामान्य या सुझाए गए टास्क तुरंत शुरू कर सकते हैं वेब ऐप्लिकेशन खोलें. ऐप्लिकेशन आइकॉन के डिसप्ले होने पर, उन टास्क को कहीं से भी आसानी से ऐक्सेस किया जा सकेगा बेहतर उपयोगकर्ता हासिल करना साथ ही, वेब पर लोगों की दिलचस्पी बढ़ाने में है.

ऐप शॉर्टकट मेन्यू को टास्कबार में मौजूद ऐप्लिकेशन के आइकॉन पर राइट क्लिक करने से शुरू किया जाता है उपयोगकर्ता के डेस्कटॉप पर (Windows) या डॉक (macOS) पर या ऐप्लिकेशन को दबाकर रखें Android पर लॉन्चर आइकॉन.

Android पर ऐप्लिकेशन शॉर्टकट के मेन्यू का स्क्रीनशॉट
ऐप्लिकेशन शॉर्टकट का मेन्यू Android पर खोला गया
Windows पर खोले गए ऐप्लिकेशन शॉर्टकट मेन्यू का स्क्रीनशॉट
Windows पर ऐप्लिकेशन शॉर्टकट मेन्यू खोला गया

ऐप शॉर्टकट मेन्यू सिर्फ़ प्रोग्रेसिव वेब ऐप्लिकेशन के लिए दिखाया जाता है, जो उपयोगकर्ता के डेस्कटॉप या मोबाइल डिवाइस पर इंस्टॉल किया जाता है. इंस्टॉलेशन के बारे में जानें "PWA के बारे में जानें" मॉड्यूल देखें.

हर ऐप्लिकेशन शॉर्टकट, उपयोगकर्ता का इंटेंट बताता है. हर ऐप्लिकेशन शॉर्टकट आपके वेब ऐप्लिकेशन के स्कोप में मौजूद यूआरएल. जब कोई उपयोगकर्ता सक्रिय होता है, तो यूआरएल खुलता है ऐप शॉर्टकट. ऐप्लिकेशन शॉर्टकट के उदाहरणों में ये शामिल हैं:

  • टॉप-लेवल नेविगेशन आइटम (उदाहरण के लिए, होम, टाइमलाइन, हाल के ऑर्डर)
  • खोजें
  • डेटा एंट्री टास्क (उदाहरण के लिए, ईमेल या ट्वीट लिखना, रसीद जोड़ना)
  • गतिविधियां (जैसे, सबसे लोकप्रिय संपर्कों के साथ चैट शुरू करना)

वेब ऐप्लिकेशन मेनिफ़ेस्ट में ऐप्लिकेशन शॉर्टकट तय करना

ऐप्लिकेशन शॉर्टकट को विकल्प के तौर पर, वेब ऐप्लिकेशन मेनिफ़ेस्ट में बताया जाता है. यह एक ऐसी JSON फ़ाइल होती है जो ब्राउज़र को आपके वेब ऐप्लिकेशन के बारे में बताता है. साथ ही, यह भी बताता है कि ऐप्लिकेशन को कब काम करना चाहिए उपयोगकर्ता के डेस्कटॉप या मोबाइल डिवाइस पर इंस्टॉल किया जाता है. खास तौर पर, वे shortcuts कलेक्शन मेंबर के लिए एलान किया गया. नीचे संभावित वेब ऐप्लिकेशन मेनिफ़ेस्ट का उदाहरण.

{
  "name": "Player FM",
  "start_url": "https://player.fm?utm_source=homescreen",
  
  "shortcuts": [
    {
      "name": "Open Play Later",
      "short_name": "Play Later",
      "description": "View the list of podcasts you saved for later",
      "url": "/play-later?utm_source=homescreen",
      "icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
    },
    {
      "name": "View Subscriptions",
      "short_name": "Subscriptions",
      "description": "View the list of podcasts you listen to",
      "url": "/subscriptions?utm_source=homescreen",
      "icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
    }
  ]
}

shortcuts कलेक्शन का हर सदस्य एक डिक्शनरी होती है, जिसमें कम से कम name और url. अन्य मेंबर जोड़ना ज़रूरी नहीं है.

name
ऐप्लिकेशन शॉर्टकट के लिए ऐसा लेबल जिसे कोई भी व्यक्ति आसानी से पढ़ सकता है उपयोगकर्ता को दिखाया जाता है.
short_name (वैकल्पिक)
जगह कम होने पर ऐसा लेबल इस्तेमाल किया जा सकता है जिसे कोई भी व्यक्ति आसानी से पढ़ सके. इसका सुझाव दिया जाता है इसके लिए ज़रूरी है, भले ही यह ज़रूरी हो ज़रूरी नहीं.
description (वैकल्पिक)
इस ऐप्लिकेशन के शॉर्टकट को कोई भी व्यक्ति आसानी से पढ़ सकता है. इसका इस्तेमाल, लिखते समय नहीं किया जाता, लेकिन यह सहायक टेक्नोलॉजी की मदद से दिख सकता है आने वाले समय में ऐसा किया जा सकता है.
url
जब कोई उपयोगकर्ता ऐप्लिकेशन चालू करता है, तब यूआरएल खुलता है शॉर्टकट. यह यूआरएल, वेब ऐप्लिकेशन मेनिफ़ेस्ट के दायरे में मौजूद होना चाहिए. अगर ऐसा है बेस यूआरएल, वेब ऐप्लिकेशन मेनिफ़ेस्ट का यूआरएल होगा.
icons (वैकल्पिक)

इमेज रिसॉर्स ऑब्जेक्ट का कलेक्शन. हर ऑब्जेक्ट को src और sizes प्रॉपर्टी शामिल करें. वेब ऐप्लिकेशन मेनिफ़ेस्ट आइकॉन के उलट, type इमेज का इस्तेमाल करना ज़रूरी नहीं है. लिखते समय, SVG फ़ाइलें काम नहीं करतीं. इसके बजाय, PNG का इस्तेमाल करें.

अगर आपको बहुत सारे पिक्सल वाले आइकॉन चाहिए, तो उन्हें 48dp (जैसे कि 36x36, 48x48, 72x72, 96x96, 144x144, 192x192 पिक्सल वाले आइकॉन). अगर ऐसा नहीं है, तो हमारा सुझाव है कि जिसे आप 192x192 पिक्सल वाले आइकॉन का इस्तेमाल करते हैं.

क्वालिटी मापने के लिए, यह ज़रूरी है कि आइकॉन, डिवाइस के सामान्य साइज़ के कम से कम आधे हिस्से पर हों Android, जो कि 48dp है. उदाहरण के लिए, xxhdpi स्क्रीन पर दिखाने के लिए, आइकॉन यह कम से कम 72 x 72 पिक्सल का होना चाहिए. (यह जानकारी बदलने के लिए फ़ॉर्मूला.)

ऐप्लिकेशन शॉर्टकट की जांच करें

यह पुष्टि करने के लिए कि आपके ऐप्लिकेशन शॉर्टकट सही तरीके से सेट अप किए गए हैं, उसमें मेनिफ़ेस्ट पैनल का इस्तेमाल करें DevTools का ऐप्लिकेशन पैनल.

DevTools में ऐप्लिकेशन शॉर्टकट का स्क्रीनशॉट
DevTools में दिखाए गए ऐप्लिकेशन शॉर्टकट

यह पैनल आपके कई मेनिफ़ेस्ट फ़ाइलों का ऐसा वर्शन उपलब्ध कराता है जिसे कोई भी व्यक्ति आसानी से पढ़ सकता है प्रॉपर्टी. इनमें ऐप्लिकेशन शॉर्टकट भी शामिल हैं. इससे यह सत्यापित करना आसान हो जाता है कि अगर शॉर्टकट आइकॉन दिए गए हैं, तो वे ठीक से लोड हो रहे हैं.

ऐसा हो सकता है कि ऐप शॉर्टकट सभी उपयोगकर्ताओं के लिए तुरंत उपलब्ध न हों, क्योंकि प्रोग्रेसिव वेब ऐप्लिकेशन अपडेट दिन में एक बार तक सीमित किए गए हैं. इसके बारे में ज़्यादा जानें Chrome, वेब ऐप्लिकेशन मेनिफ़ेस्ट के अपडेट किस तरह मैनेज करता है.

सबसे सही तरीके

ऐप शॉर्टकट को प्राथमिकता के हिसाब से क्रम में लगाएं

शॉर्टकट उसी क्रम में दिखते हैं जिस क्रम में आपने उन्हें मेनिफ़ेस्ट में तय किया होता है. आपको प्राथमिकता के आधार पर ऐप शॉर्टकट का ऑर्डर देने के लिए प्रोत्साहित किया जाता है, क्योंकि ऐप्लिकेशन शॉर्टकट की संख्या, प्लैटफ़ॉर्म के हिसाब से अलग-अलग होती है. Chrome और Edge चालू हैं उदाहरण के लिए Windows ऐप शॉर्टकट की संख्या 10 तक सीमित करता है जबकि Chrome सिर्फ़ Android डिसप्ले 3. Android 7 के लिए Chrome 92 से पहले, 4 वर्शन को अनुमति थी. Chrome 92 ने उपलब्ध शॉर्टकट में से एक का इस्तेमाल करके, साइट सेटिंग में एक शॉर्टकट जोड़ा के लिए स्लॉट नहीं हैं.

ऐप्लिकेशन शॉर्टकट के अलग-अलग नाम इस्तेमाल करें

ऐप्लिकेशन शॉर्टकट में अंतर करने के लिए, आपको आइकॉन पर भरोसा नहीं करना चाहिए, क्योंकि हो सकता है कि वे ऐसा न कर पाएं हमेशा दिखना चाहिए. उदाहरण के लिए, macOS के डॉक में आइकॉन काम नहीं करते शॉर्टकट मेन्यू. हर ऐप शॉर्टकट के लिए अलग-अलग नाम का इस्तेमाल करें.

ऐप्लिकेशन शॉर्टकट के इस्तेमाल का आकलन करना

आपको ऐप्लिकेशन शॉर्टकट url की एंट्री के बारे में एनोटेट करना चाहिए, जैसा कि आप करते समय करते हैं आंकड़े जुटाने के लिए, start_url (उदाहरण के लिए, url: "/my-shortcut?utm_source=homescreen").

ब्राउज़र समर्थन

ऐप शॉर्टकट, नीचे दिए गए प्लैटफ़ॉर्म और वर्शन पर उपलब्ध हैं.

ब्राउज़र सहायता

  • Chrome: 96. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
  • एज: 96. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
  • Firefox: समर्थित नहीं. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
  • सफ़ारी: 17.4. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है

सोर्स

ChromeOS पर खोले गए ऐप्लिकेशन शॉर्टकट मेन्यू का स्क्रीनशॉट
ऐप्लिकेशन शॉर्टकट का मेन्यू ChromeOS पर खोला गया

भरोसेमंद वेब गतिविधि से जुड़ी सहायता

Bubblewrap, यह सुझाया गया ऐसा टूल है जिससे भरोसेमंद वेब का इस्तेमाल करने वाले Android ऐप्लिकेशन बनाए जाते हैं ऐक्टिविटी, वेब ऐप्लिकेशन मेनिफ़ेस्ट से ऐप्लिकेशन के शॉर्टकट को अपने-आप पढ़ती है Android ऐप्लिकेशन के लिए कॉन्फ़िगरेशन जनरेट करता है. ध्यान दें कि आइकॉन ऐप शॉर्टकट के लिए ज़रूरी है और यह कम से कम 96 x 96 पिक्सल इंच बबल रैप.

PWABuilder, प्रोग्रेसिव वेब ऐप्लिकेशन को आसानी से भरोसेमंद वेब ऐप्लिकेशन में बदलने का एक बेहतरीन टूल है वेब गतिविधि की मदद से, कुछ चेतावनियों वाले ऐप्लिकेशन शॉर्टकट का इस्तेमाल किया जा सकता है.

Android में भरोसेमंद वेब गतिविधि को मैन्युअल तरीके से इंटिग्रेट करने वाले डेवलपर के लिए ऐप्लिकेशन है, तो Android ऐप शॉर्टकट का उपयोग आपके व्यवहार.

नमूना

ऐप्लिकेशन शॉर्टकट का सैंपल और उसका सोर्स देखें.