वेब डेवलपर्स के लिए मोबाइल सफारी आईओएस 6 का अवलोकन

आईओएस के नए संस्करण और इसके बीटा रिलीज के बारे में काफी कुछ पहले ही कहा जा चुका है। हालांकि, पर्दे के पीछे सफारी के मोबाइल संस्करण की नई दिलचस्प विशेषताएं थीं, जिन्हें बस बताया नहीं जा सकता था। लेकिन पहले बातें पहले।

यह लेख मूल रूप से अनुवाद के रूप में योजनाबद्ध था, लेकिन तैयार की गई सामग्री एक स्वतंत्र लेख के लिए पर्याप्त थी। मैक के लिए iOS 6 बीटा 1 और सफारी 6 डेवलपर पूर्वावलोकन का उपयोग करने की क्षमताओं का परीक्षण करने के लिए। दोनों पंजीकृत Apple डेवलपर्स के लिए डाउनलोड के लिए उपलब्ध हैं।



दुर्भाग्य से, मैं केवल आधिकारिक तौर पर घोषित अवसरों के बारे में बात कर सकता हूं। यदि आप एक पंजीकृत डेवलपर हैं और अधिक जानना चाहते हैं, तो लेख के अंत में संबंधित विषय में डेवलपर्स फोरम के लिए एक लिंक है।

IOS 6 में नई सफारी से हमें क्या खुशी मिलेगी?

फाइलें अपलोड करें

हां, हमने इसके लिए लंबा इंतजार किया और आखिरकार हुआ। सफारी को डिवाइस के फोटो लाइब्रेरी (या कैमरे से रिकॉर्डिंग का उपयोग) से सीधे वेब फॉर्म के माध्यम से फोटो और वीडियो अपलोड करने का अवसर मिला। मुझे यकीन है कि यह आईओएस पर वेब अनुप्रयोगों के विकास के लिए एक बड़ी प्रेरणा देगा।

वेब ऑडियो एपीआई

निश्चित रूप से स्वादिष्ट। विशेष रूप से उन लोगों के लिए जो आईओएस मोबाइल ब्राउज़र के लिए गेम लिखते हैं (क्या आपके पास ऐसा अनुभव है?)। लेकिन मैं अभी तक आपको खुश नहीं कर सकता, भले ही वेब ऑडियो एपीआई को नई सफारी द्वारा समर्थित किया गया हो, यह एक अत्यंत काट-छाँट के रूप में है, क्योंकि मेरे द्वारा परीक्षण किए गए किसी भी डेमो ने काम नहीं किया है। आइए आशा करते हैं कि आईओएस 6 के रिलीज से इसके कार्यान्वयन को डेस्कटॉप सफारी के स्तर तक खींच लिया जाएगा।

सीएसएस फिल्टर

उन लोगों के लिए जो विषय में नहीं हैं, आप यहां उदाहरण के लिए पढ़ सकते हैं। फिल्टर काम करते हैं, लेकिन आपको उनका उपयोग करने के लिए -webkit- उपसर्ग की आवश्यकता होती है।
यहां परीक्षण किया गया । मैन्युअल रूप से किसी न किसी कारण के लिए मापदंडों की स्थापना करना। लेकिन एनीमेशन बहुत चिकनी दिखता है।

क्रॉसफ़ेड सीएसएस फ़ंक्शन

सीएसएस समारोह तीन मापदंडों को प्राप्त करने। पहले दो चित्र (या ग्रेडिएंट) हैं, और तीसरा पैरामीटर (प्रतिशत) इंगित करता है कि दूसरी तस्वीर पहले कितनी ओवरलैप करती है। यदि तीसरा पैरामीटर शून्य है, तो हम केवल पहली छवि देखते हैं, यदि 100% है, तो केवल दूसरा है। अन्य मामलों में, हम किसी प्रकार के मध्यवर्ती विकल्प का निरीक्षण करते हैं। इस सुविधा के बारे में यहाँ और पढ़ें। और यहाँ परीक्षण पृष्ठ है ।
फ़ंक्शन का उपयोग करने के लिए, -webkit- उपसर्ग की आवश्यकता होती है ।

स्मार्ट ऐप बैनर

इस कार्यक्षमता के बारे में बहुत कम लोग जानते हैं। प्रलेखन की कमी के कारण यह परीक्षण करने में विफल रहा। सिद्धांत रूप में, यह आपको इसकी आईडी द्वारा स्थापित एप्लिकेशन की उपस्थिति की जांच करने की अनुमति देनी चाहिए और कुछ मापदंडों के साथ इस एप्लिकेशन को खोलने में सक्षम होना चाहिए।

फुलस्क्रीन लैंडस्केप मोड

जैसा कि शायद बहुत पहले से ही iOS6 में पता है, iPhone और iPod टच डिवाइस के साथ ब्राउज़र में फुल-स्क्रीन मोड प्राप्त करता है। हमारे लिए, डेवलपर्स, यह कुछ सिरदर्द लाए, क्योंकि यदि आप पृष्ठ के निचले हिस्से से जुड़े कुछ सक्रिय तत्वों का उपयोग करते हैं, तो उपयोगकर्ता के लिए उनके साथ बातचीत करना मुश्किल होगा, क्योंकि वे बाईं ओर ब्राउज़र नेविगेशन बटन और मोड स्विच बटन द्वारा अवरुद्ध हैं। दाईं ओर। यहाँ यह कैसा दिखता है।



मुझे नहीं पता कि इस मोड में संक्रमण को पकड़ने के लिए एक विशेष एपीआई है और इसके विपरीत। फिलहाल, आप "रिसाइज़" ईवेंट और इनरहाइट प्रॉपर्टी के लिए श्रोता का उपयोग कर सकते हैं।

गति

शायद कोई भी आश्चर्यचकित नहीं होगा यदि मैं कहता हूं कि iOS6 में जावास्क्रिप्ट तेज है। दुर्भाग्य से, मेरे पास अब उन्हीं उपकरणों पर परीक्षण करने का अवसर नहीं है, इसलिए मैं सिर्फ iphonehacks.com पर पोस्ट किए गए परीक्षा परिणाम दे सकूंगा

ऐप कैश को 5 से बढ़ाकर 25 मेगाबाइट करें

बहुत दिलचस्प है, लेकिन इसकी पुष्टि करने में विफल रहा। मेरी जानकारी के लिए, ऐप कैश और वेब स्टोरेज उसी आरक्षित स्थान का उपयोग करते हैं। और जबकि मैं अभी तक ऐप कैश का परीक्षण नहीं कर पाया हूं, वेब स्टोरेज के साथ कुछ भी नहीं बदला है, सभी समान 2551k अक्षर (5 मेगाबाइट), जैसा कि आईओएस 5 पर है।

रिमोट वेब इंस्पेक्टर

आपने इसका अनुमान लगाया, मैंने अंत में सबसे स्वादिष्ट छोड़ दिया। यह एक वास्तविक रिमोट वेब ऐप डीबगिंग है ... और यह काम करता है! ऐसा करने के लिए, आपको आईओएस डिवाइस पर सफारी को खोलने और डिवाइस को एक तार से कंप्यूटर से कनेक्ट करने की आवश्यकता है, जिस पर आपको सफारी चलाने की आवश्यकता है। (मुझे याद दिलाएं कि इसके लिए आप केवल सफारी 6 का उपयोग कर सकते हैं, यह केवल मैक के लिए अब तक है) अगला, "विकास" मेनू पर जाएं।



वेब इंस्पेक्टर विंडो को हमारे द्वारा आवश्यक पेज का चयन करें और देखें। हां, पांचवें संस्करण से इसे "थोड़ा" बदल दिया गया है।


DOM में ऑब्जेक्ट का चयन करें और डिवाइस को देखें (इस मामले में, iPad) और एक परिचित तस्वीर का निरीक्षण करें। वेब इंस्पेक्टर का काम!



जैसा कि यह निकला, कंसोल तरीके रिमोट कंसोल के लिए कुछ भी आउटपुट नहीं करते हैं (जैसा कि वेब इंस्पेक्टर के साथ आंकड़े में दिखाया गया है)। हालांकि, यह एकमात्र ऐसी चीज है जो मेरे लिए काम नहीं करती थी। अन्यथा, कंसोल और बाकी इंटरफ़ेस अनुमानित रूप से व्यवहार करते हैं, जो अच्छी खबर है। (APDATE: कंसोल और एरर आउटपुट के आउटपुट काम कर रहे हैं, आपको कनेक्ट करने के बाद पेज को फिर से लोड करना होगा)

PhoneGap रैपर के लिए, आदि। यह डिबगिंग विधि काम नहीं करेगी। हम अच्छे पुराने iWebInspector का उपयोग करते हैं। (अद्यतन: PhoneGap के साथ काम करता है)

निष्कर्ष में

ठीक है, सभी घोषित कार्य पूरी तरह से चालू नहीं हुए हैं। इसलिए वह बीटा है। अपडेट का इंतजार है।

NDA द्वारा लगाए गए प्रतिबंधों के कारण सभी नवाचारों के बारे में बात करना संभव नहीं था। लेकिन आप इस विषय में डेवलपर फ़ोरम पर अधिक पढ़ सकते हैं। IOS 6 के अंतिम रिलीज के बाद, आप अधिक विस्तृत समीक्षा की उम्मीद कर सकते हैं। एक विशेष रूप से दिलचस्प विषय वेब अनुप्रयोगों में रेटिना के गहरे समर्थन का वादा करता है।

यह सब, आप के लिए अच्छा डिबगिंग है!

संदर्भ:
सफारी 6 डेवलपर पूर्वावलोकन
iOS 6 बीटा
आपको अपने डेवलपर खाते में लॉग इन करना होगा!