या लेखात मी तुम्हाला वेबमास्टर्ससाठी एक अतिशय उपयुक्त साधन - एक ॲड-ऑनशी ओळख करून देऊ इच्छितो फायरफॉक्स ब्राउझर, प्लगइन वेब डेव्हलपर. प्लगइनचे नाव स्वतःसाठी बोलते: वेब विकसक – वेब विकसक. हे स्पष्ट आहे की प्लगइन वेब डेव्हलपरसाठी, म्हणजे तुमच्या आणि माझ्यासाठी तयार केले गेले आहे. वेब डेव्हलपर प्लगइन माहिती मिळवण्यासाठी आणि साइटची चाचणी घेण्यासाठी आहे. प्लगइन साधने कोणती वैशिष्ट्ये प्रदान करतात? तुम्ही प्रतिमा चालू आणि बंद करू शकता, सर्व लिंक घटक शोधू शकता, फॉर्म पाहू शकता, अनुपालनासाठी साइट पृष्ठे तपासू शकता आणि बरेच काही करू शकता. चाचणीच्या परिणामी मिळालेली माहिती तुम्हाला केवळ वेबसाइट डेव्हलपमेंटमध्येच मदत करेल, परंतु प्लगइनच्या मदतीने तुम्ही लपविलेले दुवे, खराब झालेल्या प्रतिमा इत्यादी शोधू शकता. चला स्थापनेचा विचार करूया वेब प्लगइनफायरफॉक्स ब्राउझरमधील विकसक.
फायरफॉक्समध्ये वेब डेव्हलपर प्लगइन स्थापित करणे
मी हे लक्षात घेऊ इच्छितो की प्लगइनच्या सुरुवातीच्या आवृत्त्यांमध्ये रशियन स्थानिकीकरण होते. अद्ययावत आवृत्तीमध्ये रशियन स्थानिकीकरण नाही. तथापि, ही वस्तुस्थिती इतकी महत्त्वाची नाही, कारण प्लगइन साधने अशा प्रकारे गटबद्ध केली आहेत की प्रत्येक साधनाचा हेतू अंतर्ज्ञानाने स्पष्ट होतो. मूलभूत ज्ञानभाषा वेब डेव्हलपर व्हिज्युअल माहिती पुरवतो आणि वेब डेव्हलपर प्लगइन वापरून मिळवलेल्या माहितीचे विश्लेषण करण्यासाठी, तुम्हाला अनुवादकाऐवजी वेब डेव्हलपरचे ज्ञान असणे आवश्यक आहे. वेब डेव्हलपर प्लगइनच्या Russified आवृत्तीसह काम करणे तुम्हाला अधिक सोयीस्कर असल्यास, रशियन स्थानिकीकरण असलेली पूर्वीची आवृत्ती स्थापित करा.
फायरफॉक्ससाठी वेब डेव्हलपर प्लगइनची नवीनतम आवृत्ती येथून डाउनलोड केली जाऊ शकते मुख्यपृष्ठविकसक तुम्ही बिल्ट-इन फायरफॉक्स टूल्सद्वारे, इतर कोणत्याही प्लगइनप्रमाणे वेब डेव्हलपर स्थापित करू शकता. हे करण्यासाठी, फायरफॉक्स ब्राउझर उघडा आणि मेनूमधून "साधने" - "ॲड-ऑन" निवडा.
1 - शोध बारमध्ये इच्छित ऍड-ऑनचे नाव कॉपी करा. उघडणाऱ्या सूचीमध्ये, इंस्टॉल करण्यासाठी आवश्यक प्लगइन निवडा आणि इंस्टॉलेशन सुरू करा.
2 - जर तुम्ही तुमच्या संगणकावर ॲड-ऑन आधीच डाउनलोड केले असेल, तर टूल्स मेनू उघडा आणि "फाइलमधून ॲड-ऑन स्थापित करा" निवडा.
वेब डेव्हलपर प्लगइन टूलबार
वेब डेव्हलपर यशस्वीरित्या स्थापित केल्यानंतर, तुम्ही प्लगइन साधनांसह कार्य करण्यास प्रारंभ कराल. काम करण्याचा सर्वात सोयीस्कर मार्ग म्हणजे ब्राउझरचे अंगभूत पॅनेल वापरणे. वेब साधनेविकसक. देखील वापरता येईल पर्यायी पर्यायप्लगइन साधनांमध्ये प्रवेश:
- फायरफॉक्स ब्राउझर विंडोमध्ये उजवे-क्लिक करा आणि उघडलेल्या मेनूमध्ये वेब विकसक निवडा, टूल्ससह एक टॅब पॅनेल उघडेल;
- फायरफॉक्स ब्राउझर मेनूमध्ये आणि उघडणाऱ्या सबमेनूमध्ये "टूल्स" निवडा, वेब डेव्हलपर विस्तारावर फिरवा.
वेब डेव्हलपर प्लगइनची वैशिष्ट्ये
वेब डेव्हलपर प्लगइनची साधने केलेल्या ऑपरेशन्सच्या प्रकारानुसार गटबद्ध केले जातात, जे सोयीस्कर आहे आणि आपल्याला एखाद्या विशिष्ट साधनाचे ऑपरेशन अंतर्ज्ञानाने समजून घेण्यास अनुमती देते.
चला वेब डेव्हलपर टूलबारवर एक नजर टाकूया. खालील आकृती वेब डेव्हलपर प्लगइन टूलबारसाठी भिन्न भाषा स्थानिकीकरणासह पर्याय दर्शविते.
टूल गटांची नावे प्लगइन टूलबारवर प्रदर्शित केली जातात. तुम्ही ग्रुपच्या नावावर क्लिक केल्यास त्या ग्रुपमध्ये समाविष्ट असलेल्या टूल्ससह एक टॅब उघडेल. प्लगइनमध्ये बरीच साधने आहेत, परंतु जेव्हा तुम्ही वेब डेव्हलपरसह कार्य करण्यास सुरुवात करता, तेव्हा प्रत्येक साधन कसे कार्य करते हे समजून घेणे किती सोपे आहे हे तुमच्या लक्षात येईल. टूल सक्षम करण्यासाठी, टूलवर क्लिक करा आणि त्याच्या समोर एक चेकमार्क दिसेल. ते बंद करण्यासाठी, बॉक्स अनचेक करा. वेब डेव्हलपर प्लगइन टूल्सचा प्रत्येक गट पाहू.
"अक्षम करा"(अक्षम करा). या गटाच्या साधनांचा वापर करून, वापरकर्त्याने ब्राउझर सेटिंग्जमध्ये काही वेब डिझाइन घटक अक्षम केल्यास साइट कशी दिसेल ते तुम्ही पाहू शकता.
"कुकीज". मर्यादित ब्राउझर क्षमतांच्या परिस्थितीत साइटची कार्यक्षमता तपासत आहे.
"कोणत्याही CSS त्रुटी नाहीत"(CSS). स्टाईल शीटसह कार्य करण्यासाठी साधनांचा समूह. ब्राउझर, डिस्प्लेमध्ये संपादन परिणाम पाहणे, तुम्हाला शैली कनेक्ट, डिस्कनेक्ट आणि संपादित करण्याची परवानगी देते अतिरिक्त माहितीशैली पत्रके बद्दल.
"फॉर्म"(फॉर्म). तुम्ही फॉर्म घटक त्यांच्या विशेषतांसह पाहू शकता, इनपुट फील्डमध्ये तारांकनांसह पासवर्डचे प्रदर्शन सक्षम करू शकता, रेडिओ बटणे साफ करू शकता, क्वेरी व्हेरिएबल्समध्ये रूपांतरित करू शकता इ.
"ग्राफिक्स"(प्रतिमा). प्रतिमा व्यवस्थापन. आपण प्रतिमांचा आकार आणि वजन याबद्दल माहिती मिळवू शकता, खराब झालेल्या प्रतिमा शोधू शकता आणि बरेच काही.
"माहिती"(माहिती). आम्हाला साइटबद्दल अतिरिक्त माहिती मिळते. तुम्ही डिव्ह ब्लॉक्सचा क्रम आणि आकार, लिंक्स आणि ऑब्जेक्ट्सचे पॅरामीटर्स, टायटल ॲट्रिब्यूट्स, आयडी आणि क्लास ॲट्रिब्यूट्सची व्हॅल्यूज पाहू शकता. तपशीलवार माहितीघटक, सारण्या, रंग, अँकर आणि बरेच काही याबद्दल.
"विविध"(विविध). येथे विविध कार्यक्षमतेची साधने आहेत. उदाहरणार्थ, रूलर टूल, ज्याचा वापर ऑब्जेक्ट्स मोजण्यासाठी केला जाऊ शकतो. हे करण्यासाठी, उजवे माऊस बटण क्लिक करा आणि निवडा इच्छित वस्तू. निवडीमध्ये आयताचा आकार असेल. आकार बदलण्यासाठी, तुम्हाला आयत कोपऱ्यात ड्रॅग करणे आवश्यक आहे किंवा प्लगइन टूलबारवर पिक्सेलमध्ये डेटा प्रविष्ट करणे आवश्यक आहे.
"रूपरेषा"(रूपरेषा). समोच्च रेषांसह वेब डिझाइन घटक हायलाइट करते. मला धर्मांतर करायचे आहे विशेष लक्षआयटमवर "लिंक बाह्यरेखा" - "बाह्य दुवे". हे साधन तुम्हाला लपलेले आणि एन्कोड केलेले दुवे शोधण्यात मदत करेल.
"परिमाण"(आकार बदला). आपण विंडोचा आकार आणि पाहण्याचे क्षेत्र पाहू शकता. तुम्ही ब्राउझर विंडोचा आकार बदलू शकता, रिझोल्यूशन वाढवू किंवा कमी करू शकता, जे तुम्हाला वेगवेगळ्या स्क्रीन रिझोल्यूशनवर साइटचे कार्यप्रदर्शन तपासण्याची परवानगी देते.
"साधने"(साधने). वेब विकसक साधने. तुम्ही मोफत ऑनलाइन सेवा वापरून HTML, CSS आणि RSS फीड कोडची वैधता तपासू शकता. तुम्ही दुहेरी अँकर, तुटलेली लिंक तपासू शकता आणि एरर कन्सोल पाहू शकता.
"कोड"(स्रोत पहा). तुम्ही पेजचा सोर्स कोड पाहू शकता. त्यांचा स्रोत कोड पाहण्याच्या क्षमतेसह फ्रेमची सूची दाखवते. व्युत्पन्न केलेला कोड जसे ब्राउझर पाहतो तसे दाखवतो.
"सेटिंग्ज"(पर्याय). प्रोग्राम सेटिंग्ज. वेगवेगळ्या मेनूसाठी वापरकर्ता निवड लक्षात ठेवते. ऑपरेशनच्या परिणामी बदललेले पृष्ठ त्याच्या मूळ स्थितीत रीसेट करा आणि परत करा.
तुमच्याकडे टिप्पण्या जोडण्याचे पुरेसे अधिकार नाहीत. आपल्याला साइटवर नोंदणी करण्याची आवश्यकता असू शकते.
व्लाड मर्झेविच
जरी विस्तार दोनसाठी उपलब्ध आहे भिन्न ब्राउझर, फायरफॉक्सची आवृत्ती अद्ययावत आहे आणि नियमितपणे अपडेट केली जाते, जी Chrome च्या आवृत्तीबद्दल सांगता येत नाही. याव्यतिरिक्त, ते रशियन भाषेचे समर्थन करते. म्हणून, भविष्यात वर्णन फक्त फायरफॉक्ससाठी असेल.
स्थापना अगदी सोपी आहे, फक्त फायरफॉक्स ब्राउझरसह लेखकाच्या वेबसाइटवर जा आणि "डाउनलोड" क्लिक करा, त्यानंतर तुम्हाला त्या साइटवर स्थानांतरित केले जाईल जिथे तुम्हाला "फायरफॉक्समध्ये जोडा" (चित्र 7.1) क्लिक करणे आवश्यक आहे.
तांदूळ. ७.१. फायरफॉक्समध्ये जोडत आहे
आपण विस्तारासह थेट पृष्ठावर देखील जाऊ शकता.
जोडल्यानंतर, एक चेतावणी विंडो दिसेल (चित्र 7.2), “आता स्थापित करा” बटणावर क्लिक करा आणि स्थापना प्रक्रिया पूर्ण होईल.
तांदूळ. ७.२. वेब स्थापनाविकसक
भिन्न विस्तार स्थापित करण्याचा दुसरा मार्ग म्हणजे मेनू वापरणे साधने > ॲड-ऑन. शोध विंडोमध्ये, "वेब डेव्हलपर" टाइप करा, एंटर दाबा, आम्हाला आवश्यक असलेले ॲड-ऑन खालील सूचीमध्ये दिसेल (चित्र 7.3).
तांदूळ. ७.३. फायरफॉक्स ॲड-ऑन विंडो
एक्स्टेंशन स्वतः टॅबच्या वर असलेल्या मेनू बारसारखे दिसते (चित्र 7.4), आणि ते मेनूद्वारे देखील प्रवेशयोग्य आहे साधने > वेब विकसक. तुम्ही मेनूद्वारे पॅनेल चालू/बंद करू शकता पहा > टूलबारकिंवा विस्तार पॅनेलवर उजवे-क्लिक करून.
तांदूळ. ७.४. ब्राउझरमध्ये वेब डेव्हलपर
चला वेब डेव्हलपर मेनू आयटम पाहू.
कॅशे अक्षम करा
ब्राउझरची अंगभूत कॅशे अक्षम करते. सामान्यतः, लोडिंगचा वेळ वाचवण्यासाठी तुमच्या स्थानिक डिस्कवर ब्राउझरद्वारे पाहिलेल्या पृष्ठांच्या प्रतिमा आणि प्रती जतन केल्या जातात. जेव्हा पृष्ठ पुन्हा उघडले जाते, तेव्हा ब्राउझर स्थानिक कॉपीची मूळशी तुलना करतो आणि जर ते जुळले तर स्थानिक प्रत लोड केली जाते. काही प्रकरणांमध्ये, लोडिंग होते स्थानिक आवृत्तीपृष्ठे, जरी मूळ बदलले तरीही. उदाहरणार्थ, कॅशेमध्ये जतन केलेले पृष्ठ सर्व्हरवर अद्यतनित केले गेले आहे की नाही हे प्रत्येक दोन तासांनी तपासण्यासाठी ब्राउझर सेटिंग्ज सेट केल्या जाऊ शकतात. तथापि, फायरफॉक्स ऑपेरा सारख्या कॅशेच्या फाइन-ट्यूनिंगला परवानगी देत नाही.
Ctrl + F5 हे सर्व ब्राउझरद्वारे समर्थित आहे.
जावा ही सन मायक्रोसिस्टम्सने विकसित केलेली प्रोग्रामिंग भाषा आहे. लहान कार्यक्रमया भाषेत (तथाकथित ऍपलेट) वेब पृष्ठांची कार्यक्षमता वाढवण्यासाठी वापरली जातात. फायरफॉक्समध्ये या भाषेसाठी अंगभूत समर्थन आहे, जे या मेनू आयटमद्वारे अक्षम केले जाऊ शकते. Firefox 3.6 मध्ये कार्य करत नाही.
JavaScript अक्षम करा
स्क्रिप्ट चालविण्यासाठी डिझाइन केलेली प्रोग्रामिंग भाषा - वेब पृष्ठासह एकत्रित केलेले प्रोग्राम. वेब पृष्ठे त्यांची कार्यक्षमता वाढवण्यासाठी तयार करताना JavaScript मोठ्या प्रमाणावर वापरले जाते, उदाहरणार्थ, विविध मेनू, फॉर्म, प्रभाव इ. तयार करा. तुम्ही निवडल्यास JavaScript > पूर्णपणे अक्षम करा, नंतर साइटवरील सर्व कार्यक्षमता कार्य करणे थांबवेल. या मेनू आयटमचा वापर स्क्रिप्टशिवाय साइटच्या ऑपरेशनची चाचणी करण्यासाठी तसेच साइट लेखकांनी सेट केलेल्या विविध निर्बंधांना मागे टाकण्यासाठी केला जाऊ शकतो, जसे की उजवे माउस बटण अक्षम करणे. वेब डेव्हलपरचे म्हणणे आहे की असे कोणतेही निर्बंध नाहीत जे टाळता येणार नाहीत.
META पुनर्निर्देशन अक्षम करा
टॅग वापरणे ठराविक कालावधीनंतर तुम्ही निर्दिष्ट दस्तऐवजावर स्वयंचलितपणे पुनर्निर्देशित करू शकता. यासाठी टॅग वापरला जातो आणि http-equiv विशेषताचे रिफ्रेश मूल्य (उदाहरण 7.1).
उदाहरण 7.1. स्वयंचलित अग्रेषण
वर्तमान दस्तऐवज अद्यतनित करण्यासाठी किंवा पुनर्निर्देशित करण्यासाठी चॅटमध्ये फॉरवर्ड करणे वापरले जाऊ शकते नवीन पत्ता. परंतु ते दुर्भावनापूर्ण हेतूने देखील वापरले जाते, उदाहरणार्थ, वारंवार प्रदर्शनाच्या उद्देशाने संदर्भित जाहिरातकिंवा बॅनर. हा आयटममेनू तुम्हाला असा टॅग ब्लॉक करण्याची परवानगी देतो .
किमान फॉन्ट आकार अक्षम करा
IN फायरफॉक्स सेटिंग्जस्थापित केले जाऊ शकते किमान आकारफॉन्ट, निर्दिष्ट आकारापेक्षा लहान मजकूरासाठी वापरला जाईल. हे आपल्याला ब्राउझिंग पृष्ठे वाचण्यास सुलभ बनविण्यास अनुमती देते, विशेषत: अशा साइटवर जेथे मजकूर एका फॉन्टमध्ये प्रदर्शित केला जातो जो आरामदायी वाचनासाठी खूप लहान आहे.
किमान फॉन्ट आकार सेट करण्यासाठी, मेनूमधून निवडा साधने > सेटिंग्ज..., सामग्री पॅनेल उघडा आणि फॉन्ट आणि रंग गटातील प्रगत बटणावर क्लिक करा. तुम्ही ड्रॉपडाउन मेनूमधून किमान फॉन्ट आकार निवडू शकता सर्वात लहान फॉन्ट आकार.
वेब डेव्हलपर तुम्हाला हे वैशिष्ट्य द्रुतपणे सक्षम किंवा अक्षम करण्याची परवानगी देतो. तथापि, सेटिंग्जमध्ये किमान फॉन्ट आकार निर्दिष्ट केला नसल्यास, हा आयटम कोणत्याही प्रकारे परिणाम प्रभावित करत नाही.
पृष्ठ रंग अक्षम करा
पार्श्वभूमी किंवा पार्श्वभूमी-रंग गुणधर्माद्वारे निर्दिष्ट केलेले कोणतेही रंग बंद करते. पार्श्वभूमी वापरून सेट केलेल्या पार्श्वभूमी प्रतिमा देखील प्रभावित होतात.
पॉपअप ब्लॉकर अक्षम करा
पॉप-अप विंडो सामान्यत: जाहिरातींसाठी वापरल्या जातात, त्यामुळे त्या सहसा ब्लॉक केल्या जातात आणि ब्राउझरमध्ये परवानगी नसतात. हा आयटम तुम्हाला हा पर्याय त्वरीत चालू आणि बंद करण्यास अनुमती देतो.
प्रॉक्सी अक्षम करा
प्रॉक्सी हे सहसा सर्व्हर किंवा प्रोग्राम म्हणून समजले जाते जे तुम्हाला इंटरनेटशी कनेक्ट करण्याची परवानगी देते, तसेच इतर क्लायंटच्या वतीने विनंत्या तयार करण्याच्या उद्देशाने. फायरफॉक्स सेटिंग्जमध्ये असल्यास ( साधने > सेटिंग्ज.., प्रगत पॅनेल, नेटवर्क टॅब, कॉन्फिगर बटण) आहे “सिस्टम प्रॉक्सी सेटिंग्ज वापरा”, नंतर हा आयटम निष्क्रिय आहे.
रेफरर्स अक्षम करा
रेफरर हे शीर्षकांपैकी एक आहे HTTP प्रोटोकॉलआणि आपल्याला त्या पृष्ठाचा पत्ता प्राप्त करण्यास अनुमती देते ज्यावरून वापरकर्ता साइटवर आला होता. आपण आपल्या डेटाच्या सुरक्षिततेबद्दल चिंतित असल्यास, हा आयटम सक्षम करा.
कुकीज, किंवा कुकीज ज्यांना शब्दशः म्हटल्या जातात त्या लहान मजकूर फायली चालू असतात स्थानिक संगणक, जे साइटसाठी उपयुक्त माहिती संग्रहित करते. कुकीज वापरून, तुम्ही वापरकर्त्याचे नाव, स्थिती आणि साइटवर वापरल्या जाणाऱ्या इतर माहिती लक्षात ठेवू शकता. फायरफॉक्स मेनूद्वारे कुकी सेटिंग्ज सेट करते साधने > सेटिंग्ज..., गोपनीयता पॅनेल. सुरक्षेच्या उद्देशाने, तुम्ही सामान्यत: साइटवरील कुकीज स्वीकारणे अक्षम करू शकता.
कुकीज स्वतः काही पॅरामीटर्सचा संच आहेत:
- अद्वितीय नाव;
- अर्थ;
- पथ - पथ आणि पृष्ठ पत्ता जुळल्यासच कुकीज पाठवा, पथ “/” कोणतेही पृष्ठ दर्शवितो;
- डोमेन - कोणत्या वेबसाइट पत्त्यासाठी एंट्री संबंधित आहे;
- कालबाह्यता तारीख - कुकीज केव्हा हटवल्या जाऊ शकतात हे ब्राउझरला सांगते.
कुकीज अक्षम करा
साइटवरून कुकीज स्वीकारणे अक्षम करते.
सत्र कुकीज हटवा
कुकीज अनेकदा वापरकर्त्याचे प्रमाणीकरण सत्यापित करण्यासाठी वापरल्या जातात. तुमचे नाव आणि पासवर्ड एंटर केल्यानंतर, एक अद्वितीय कोड तयार केला जातो आणि कुकीजमध्ये संग्रहित केला जातो. जेव्हा तुम्ही साइटला पुन्हा भेट देता, तेव्हा हा कोड तपासला जातो आणि तो सर्व्हर कोडशी जुळल्यास साइट वापरकर्त्याला “ओळखते”. हा आयटम निवडल्याने सर्व सेव्ह केलेली सत्रे हटविली जातात.
डोमेनसाठी कुकीज हटवा
मध्ये असलेल्या साइटसाठी सर्व कुकीज हटवते या क्षणीब्राउझरमध्ये उघडले.
पाथसाठी कुकीज काढा
ज्या साइटचा मार्ग ब्राउझरमध्ये उघडलेल्या साइटच्या मार्गाशी जुळतो अशा साइटसाठी सर्व कुकीज हटवते.
कुकीज बद्दल माहिती
उघडते अतिरिक्त पृष्ठ, जेथे या साइटवरील सर्व कुकीज सारणी स्वरूपात सादर केल्या आहेत. त्यांची सेटिंग्ज संपादित केली जाऊ शकतात किंवा कुकीज पूर्णपणे हटवल्या जाऊ शकतात (चित्र 7.5).
तांदूळ. ७.५. youtube.com वरून कुकीज बद्दल माहिती
कुकीज जोडा
तुम्हाला सध्याच्या साइटसाठी किंवा इतर कोणत्याही कुकीज तसेच सेट करण्याची अनुमती देते आवश्यक पॅरामीटर्स(अंजीर 7.6).
तांदूळ. ७.६. जोडण्यासाठी विंडो
कुकीजचे ऑपरेशन आणि ते उपस्थित असताना साइटचे वर्तन डीबग करण्यासाठी सहसा जोडणे आवश्यक असते.
CSS
हा मेनू वर्तमान पृष्ठाच्या शैलींसाठी जबाबदार आहे.
शैली अक्षम करा
कोणत्याही निकषांवर आधारित शैली अक्षम करण्यासाठी डिझाइन केलेले.
सर्व शैली
पृष्ठावर वापरलेल्या सर्व शैली अक्षम करते.
डीफॉल्ट ब्राउझर शैली
ब्राउझरद्वारे डीफॉल्टनुसार जोडलेल्या सर्व घटकांसाठी शैली अक्षम करते. उदाहरणार्थ, आतील मजकूर
आणि
वेगवेगळे आकार आहेत.
शीर्षक
शैली अक्षम केल्यानंतर, या घटकांचा मजकूर आकार समान असेल.
अंगभूत शैली
टॅगमध्ये शैली अक्षम करते