06 पैकी 01
सफ़ारी 9 मध्ये सक्रिय डिझाईन मोड सक्रिय करा आणि वापरा
आजच्या जगात एक वेब डेव्हलर म्हणजे साधने आणि प्लॅटफॉर्मच्या केंद्रस्थानी असणे, जे काहीवेळा एक कठीण कार्य ठरू शकते. अगदी अलिकडच्या वेब मानकाशी संबंधित सर्वात सु-रचनायुक्त कोडसह, तरीही आपण हे शोधू शकता की आपल्या वेबसाइटचे काही भाग आपण विशिष्ट डिव्हाइसेसवर किंवा रिझोल्युशनवर जसे पाहू इच्छिता तसे कार्य करू शकणार नाही किंवा कार्य करू शकणार नाही. अशा परिस्थितीत अशा प्रकारच्या विस्तृत परिस्थितींना समर्थन देण्याच्या आव्हानास सामोरे जाताना, आपल्या विल्हेवाटीवर योग्य सिम्युलेशन साधने असणं अनमोल असू शकतात.
जर आपण मॅक वापरत असलेल्या अनेक प्रोग्रामर्सपैकी एक असाल, तर सफारीचे डेव्हलपर टूलसेट नेहमीच उपयोगी आहे. सफारी 9 ची रिलीझ केल्याने या कार्यक्षमतेचा विस्तार बराच प्रमाणात वाढला आहे, प्रामुख्याने उत्तरदायी डिझाईन मोडमुळे तुम्ही याचे पूर्वावलोकन करू शकता की आपली साइट विविध स्क्रीन रिझोल्युशन तसेच विविध iPad, iPhone आणि iPod touch builds वर कसे प्रस्तुत करेल.
या ट्यूटोरियलचे तपशील आपल्या डिझाईन गरजेसाठी कसे वापरायचे याचे उत्तर तसेच प्रतिसाद डिझाईन मोड कसे सक्रिय करावे.
प्रथम, आपले Safari ब्राउझर उघडा.
06 पैकी 02
सफारी प्राधान्ये
स्क्रीनच्या शीर्षस्थानी असलेल्या ब्राउझर मेनूमध्ये Safari वर क्लिक करा. जेव्हा ड्रॉप-डाउन मेनू दिसत असेल, तेव्हा वरील उदाहरणामध्ये चर्चेतील प्राथमिकता पर्याय निवडा.
कृपया लक्षात ठेवा आपण वरील मेनू आयटमच्या बदल्यात खालील कीबोर्ड शॉर्टकट वापरु शकता: COMMAND + COMMA (,)
06 पैकी 03
विकसक मेनू दर्शवा
आपल्या ब्राऊझर विंडोवर ओव्हरलायड करताना सफारीच्या प्राधान्य संवाद आता प्रदर्शित केले जावे. प्रथम, गियरद्वारे सादर केलेला प्रगत icon_ वर क्लिक करा आणि विंडोच्या वरच्या उजव्या कोपर्यात स्थित.
ब्राउझरची प्रगत प्राधान्ये आता दृश्यमान असली पाहिजे. तळाशी एक चेकबॉक्सेस दाखल्याबरोबर पर्याय आहे, मेनूबारवरील शो विकसक मेनू लेबल करा आणि वरील उदाहरणातील चक्राकार. एकदा हा मेनू सक्रिय करण्यासाठी चेकबॉक्सवर क्लिक करा.
04 पैकी 06
प्रतिसाद डिझाईन मोड प्रविष्ट करा
विकसक म्हणून लेबल केलेल्या स्क्रीनवरील सर्वात वर असलेल्या आपल्या Safari मेनूमध्ये एक नवीन पर्याय आता उपलब्ध असावा. या पर्यायावर क्लिक करा जेव्हा ड्रॉप-डाउन मेन्यू दिसेल, तेव्हा उत्तर डिझाइन पध्दती प्रविष्ट करा _ वरील उदाहरणातील चक्राकार.
कृपया लक्षात ठेवा आपण वरील मेनू आयटमच्या बदल्यात खालील कीबोर्ड शॉर्टकट वापरु शकता: पर्याय + COMMAND + R
06 ते 05
प्रतिसाद डिझाइन मोड
उपरोक्त उदाहरणामध्ये दर्शवल्याप्रमाणे सक्रिय वेब पृष्ठ आता उत्तररचनेर डिझाईन मोडमध्ये प्रदर्शित केले जावे. आयफोन 6 सारख्या सूचीबद्ध केलेल्या iOS डिव्हाइसेसपैकी एक निवडून किंवा 800 x 600 यासारख्या उपलब्ध स्क्रीन रिझॉल्यूशन पैकी एक, आपण तत्काळ पाहू शकता की पृष्ठ कोणते डिव्हाइस किंवा त्या प्रदर्शन रिजोल्यूशनमध्ये प्रस्तुत करेल
दर्शविलेल्या डिव्हाइसेस आणि ठरावांव्यतिरिक्त, आपण वेगळ्या वापरकर्ता एजंटप्रमाणे - जसे वेगळ्या ब्राऊजरमधील एखादी सामग्री अनुकरण करण्यासाठी सॅफरीला सूचना देऊ शकता - रिजोल्यूशन चिन्हावर थेट दर्शविलेली ड्रॉप-डाउन मेनूवर क्लिक करुन.
06 06 पैकी
विकसित मेनू: इतर पर्याय
उत्तरवीर डिझाईन मोडच्या व्यतिरिक्त, Safari 9 च्या विकसक मेनूमध्ये काही उपयुक्त पर्याय उपलब्ध आहेत- काही खाली सूचीबद्ध आहेत.
- यासह पृष्ठ उघडा: सध्या आपल्या Mac वर स्थापित केलेल्या कोणत्याही अन्य ब्राउझरमध्ये आपल्याला सक्रिय वेब पृष्ठ उघडण्यास अनुमती देते.
- वापरकर्ता एजंट: युजर एजंट बदलणे वेबसर्व्हर्स तुमचे ब्राऊजर ओळखण्यासाठी सफारी 9 च्या व्यतिरिक्त काहीतरी म्हणून कारणीभूत ठरते.
- वेब इंस्पेक्टर कनेक्ट करा: सफारी 9 चे वेब इंस्पेक्टर सर्व वेब पृष्ठाच्या संसाधने दर्शविते, सीएसएस माहिती, डीओएम मेट्रिक्स आणि संरचना, तसेच मूळ स्रोत कोड तसेच त्यांचे प्रतिबिंबित करण्याची क्षमता प्रदान करते.
- त्रुटी कन्सोल दर्शवा: विकास मेनूमधील सर्वाधिक प्रमाणात वापरल्या जाणार्या पर्यायांपैकी एक, हे कन्सोल JavaScript, HTML आणि XML त्रुटी आणि चेतावण्या प्रदर्शित करते.
- पृष्ठ स्त्रोत दर्शवा: आपल्याला सक्रिय वेबपृष्ठाचा स्रोत कोड पाहण्याची आणि शोधण्याची परवानगी देते.
- पृष्ठ संसाधने दर्शवा: हा पर्याय निवडणे वर्तमान पृष्ठावरून दस्तऐवज, स्क्रिप्ट, CSS आणि अन्य संसाधने प्रदर्शित करते.
- स्निपेट एडिटर पहा: संपूर्ण पृष्ठास विरोध केल्याने कोडच्या टेंगुमेंट संपादित करणे आणि अंमलबजावणी करण्याची क्षमता प्रदान करते. हे वैशिष्ट्य चाचणी परीक्षणापासून अतिशय उपयुक्त आहे.
- एक्स्टेंशन बिल्डर दर्शवा: आपला कोड त्यानुसार पॅकेज करून आणि मेटाडेटा जोडून आपले स्वतःचे Safari विस्तार तयार करण्याची अनुमती देते.
- टाइमलाइन रेकॉडिंग प्रारंभ करा: वेबकिट इन्स्पेक्टरच्या आत सर्व वापरकर्त्यांसाठी निर्धारित कालावधीसाठी नेटवर्क विनंत्या, JavaScript अंमलबजावणी, पृष्ठ रेंडरिंग आणि इतर इव्हेंट्ससह अनेक आयटमची नोंद झालेली आहे
- रिक्त कॅशे: या पर्यायावर क्लिक करणे सफारीच्या आत सर्व संग्रहित कॅशे हटविते, नाही फक्त मानक वेबसाइट कॅशे फायली
- कॅशे अक्षम करा: कॅशिंग अक्षम केल्याने स्थानिक कॅशेचा वापर करण्याच्या ऐवजी प्रवेश विनंती केल्यावर प्रत्येक वेळी वेबसाइटवरून स्रोत डाउनलोड केले जातात.
- स्मार्ट शोध फील्डवरून JavaScript ला परवानगी द्या: सुरक्षिततेच्या कारणांसाठी डीफॉल्टनुसार अक्षम केले गेले, हे वैशिष्ट्य आपल्याला Safari च्या अॅड्रेस बारमध्ये javascript असलेले URL टाकण्यास परवानगी देते :
- असुरक्षित म्हणून SHA-1 प्रमाणित उपचार: सुरक्षित हॅश अल्गोरिदम लहान, SHA-1 हॅश फंक्शन मूळतः विचारापेक्षा कमी सुरक्षित असल्याचे सिद्ध झाले आहे म्हणूनच सफारी 9 मध्ये या पर्यायाची भर घालावी.
संबंधित वाचन
जर तुम्हाला या ट्युटोरिअलला उपयुक्त वाटत असेल, तर आमचे इतर सफारी 9 वॉन्डथ्रू तपासाची खात्री करा.
- वेबसाइट पुश सूचना कशा व्यवस्थापित कराव्या?
- पीडीएफ फाइलवर एक वेब पेज निर्यात कशी करावी
- सफारी कॉन्फिगर कसे 9 विस्तार स्वयंचलितपणे अद्यतनित करण्यासाठी
- पिन केलेल्या साइट्स वैशिष्ट्यांचा वापर कसा करावा?