Chrome 56 में नया

पीट लीपेज
पीट लीपेज

  • उपयोगकर्ता अब Web Bluetooth API का इस्तेमाल करने वाली वेबसाइटों से कनेक्ट करने के लिए, ब्लूटूथ स्मार्ट डिवाइस चुन सकते हैं.
  • position: sticky वापस आ गया है - इससे ऐसे एलिमेंट आसानी से बनाए जा सकते हैं जो सामान्य तौर पर स्क्रोल करते हैं, जब तक कि ये व्यूपोर्ट पर सबसे ऊपर नहीं दिखते.
  • साथ ही, सभी उपयोगकर्ताओं के लिए डिफ़ॉल्ट रूप से HTML5 चालू होता है.

मेरा नाम पीट लीपेज है. चलिए, इस बारे में जानते हैं कि Chrome 56 में डेवलपर के लिए नया क्या है.

वेब ब्लूटूथ एपीआई

अब तक, जिन उपयोगकर्ताओं के पास ब्लूटूथ डिवाइस हैं उन्हें अपने उपयोगकर्ताओं से बातचीत करने के लिए, खास ऐप्लिकेशन इंस्टॉल करने पड़ते थे. Chrome 56 पर, उपयोगकर्ता Web Bluetooth API का इस्तेमाल करने वाली वेबसाइटों को उपलब्ध कराने के लिए, आस-पास मौजूद ब्लूटूथ स्मार्ट डिवाइस चुन सकते हैं.

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

Web Bluetooth API, GATT प्रोटोकॉल का इस्तेमाल करता है. इसकी मदद से, ऐप्लिकेशन लाइट बल्ब, खिलौने, हार्ट रेट मॉनिटर, एलईडी डिसप्ले वगैरह जैसे डिवाइसों से कनेक्ट कर सकते हैं. इसके लिए, सिर्फ़ JavaScript की कुछ लाइनें इस्तेमाल की जाती हैं. आस-पास के डिवाइस खोजने की सुविधा को ज़्यादा आसान बनाने के लिए, वेब ब्लूटूथ को फ़िज़िकल वेब बीकन के साथ भी जोड़ा जा सकता है.

Francois ने अपडेट पर एक बेहतरीन लेख दिया है. इस बारे में जानने के लिए, कुछ अच्छे डेमो ज़रूर देखें.

सीएसएस position: sticky;

पहले, ऐसे कॉन्टेंट हेडर बनाने के लिए सामान्य रूप से स्क्रोल करना पड़ता था जो व्यूपोर्ट के सबसे ऊपर चिपक जाने तक स्क्रोल होते थे. इसके लिए, इवेंट को स्क्रोल करने और एलिमेंट की जगह को तय किए गए थ्रेशोल्ड पर स्विच करने के लिए स्विच करना ज़रूरी था. इसे सिंक करना मुश्किल था और इसकी वजह से अक्सर छोटे-छोटे विज़ुअल जंप होते थे.

Chrome में अब सीएसएस position: sticky; काम करता है. यह एलिमेंट को पोज़िशन करने का एक नया तरीका है.

ऐसा एलिमेंट जो स्टिकी पोज़िशन है, मिलती-जुलती स्थिति में शुरू होता है, लेकिन एलिमेंट के स्क्रोल करने की एक खास जगह पर पहुंचने के बाद, ठीक हो जाता है.

बस position: sticky सेट करें और इसे स्टिकी करने के लिए थ्रेशोल्ड सेट करें.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

पॉल किनलन ने इसके बारे में एक अपडेट पोस्ट की है.

डिफ़ॉल्ट रूप से HTML5

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

Chrome 56 में, सभी उपयोगकर्ताओं के लिए डिफ़ॉल्ट रूप से HTML5 चालू कर दिया गया है, इसका मतलब है कि उन्हें उन साइटों पर Flash चलाने के लिए कहा जाएगा जिन पर वे कभी नहीं गए हैं.

उपयोगकर्ताओं से कैसे और कब अनुरोध किया जाएगा, इस बारे में ज़्यादा जानकारी और अपनी Flash साइटों की जांच करने के तरीके के बारे में सुझाव.

अन्य डेटा

इसके अलावा, और भी बहुत कुछ है.

अगर आपको Chrome पर अप-टू-डेट रहना है और आने वाले समय के बारे में जानना है, तो सदस्यता लें और Twitter पर @ChromiumDev को फ़ॉलो करें. साथ ही, Chrome डेवलपर समिट के वीडियो ज़रूर देखें. आपको उन शानदार चीज़ों के बारे में जानना है जिन पर Chrome की टीम काम कर रही है.

मैं हूं पीट लेपेज और Chrome 57 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!

Chrome ईस्टर एग में नया क्या है

अगर आपने यहां तक पढ़ लिया है, तो आपको Chrome 52 के नए वर्शन की ब्लूपर रील ज़रूर दिखेगी! मुझे लगा कि जब भी मैंने अपना मुंह खोला, वहां से एक ट्रक चल रहा था, कोई हेलीकॉप्टर ऊपर से गुज़रता है, कोई कार उसके हॉर्न को भंग करती है.

ओह, मुझे अपनी शर्ट कुछ समय के लिए देने के लिए एंड्रू को बहुत-बहुत धन्यवाद! मेरी अलमारी में कुछ हद तक ख़राब हो गई थी.