Chrome 56 में नया

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

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

Web Bluetooth API

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

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

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

फ़्रांकोइस ने अपडेट के बारे में एक बेहतरीन लेख लिखा है. साथ ही, उसमें कुछ शानदार डेमो भी दिए गए हैं.

सीएसएस position: sticky;

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

Chrome अब CSS के साथ काम करता है 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 Player तब तक काम नहीं करेगा, जब तक उपयोगकर्ता यह नहीं बताता कि उसे कुछ खास साइटों पर फ़्लैश कॉन्टेंट चाहिए. साथ ही, सभी वेबसाइटों को फ़्लैश चलाने के लिए उपयोगकर्ता की अनुमति लेनी होगी.

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

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

अन्य डेटा

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

  • WebVR, ऑरिजिन ट्रायल के तौर पर उपलब्ध है.
  • WebGL 2.0 API अब उपलब्ध है.
  • साथ ही, पेमेंट रिक्वेस्ट एपीआई में कई नई सुविधाएं हैं.

अगर आपको Chrome के बारे में अप-टू-डेट रहना है और यह जानना है कि आने वाले समय में इसमें क्या-क्या नया होगा, तो सदस्यता लें और ट्विटर पर @ChromiumDev को फ़ॉलो करें. साथ ही, Chrome की टीम जिन बेहतरीन सुविधाओं पर काम कर रही है उनके बारे में ज़्यादा जानने के लिए, Chrome Dev Summit के वीडियो देखना न भूलें.

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

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

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

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