3 डी में वेबसाइट संरचनाओं को देखने के लिए फ़ायरफ़ॉक्स के वेब डेवलपर टूल का उपयोग कैसे करें

विषयसूची:

3 डी में वेबसाइट संरचनाओं को देखने के लिए फ़ायरफ़ॉक्स के वेब डेवलपर टूल का उपयोग कैसे करें
3 डी में वेबसाइट संरचनाओं को देखने के लिए फ़ायरफ़ॉक्स के वेब डेवलपर टूल का उपयोग कैसे करें

वीडियो: 3 डी में वेबसाइट संरचनाओं को देखने के लिए फ़ायरफ़ॉक्स के वेब डेवलपर टूल का उपयोग कैसे करें

वीडियो: 3 डी में वेबसाइट संरचनाओं को देखने के लिए फ़ायरफ़ॉक्स के वेब डेवलपर टूल का उपयोग कैसे करें
वीडियो: How to Install Internet Explorer on Windows 8 - YouTube 2024, अप्रैल
Anonim
फ़ायरफ़ॉक्स 11 ने फ़ायरफ़ॉक्स के पहले से ही प्रभावशाली शस्त्रागार में दो नए वेब डेवलपर टूल जोड़े। झुकाव सुविधा 3 डी में वेबसाइट संरचनाओं को कल्पना करती है, जबकि स्टाइल संपादक फ्लाई पर सीएसएस स्टाइलशीट संपादित कर सकता है।
फ़ायरफ़ॉक्स 11 ने फ़ायरफ़ॉक्स के पहले से ही प्रभावशाली शस्त्रागार में दो नए वेब डेवलपर टूल जोड़े। झुकाव सुविधा 3 डी में वेबसाइट संरचनाओं को कल्पना करती है, जबकि स्टाइल संपादक फ्लाई पर सीएसएस स्टाइलशीट संपादित कर सकता है।

3 डी फीचर, जिसे टिल्ट के नाम से जाना जाता है, एक वेबसाइट के डोम को देखने का एक तरीका है। यह मौजूदा दस्तावेज़ इंस्पेक्टर के साथ एकीकृत करता है और आपके ब्राउज़र में समृद्ध 3 डी ग्राफिक्स प्रदर्शित करने के लिए वेबजीएल का उपयोग करता है।

झुकाव - 3 डी वेबसाइट विजुअलाइजेशन

आप फ़ायरफ़ॉक्स के पेज इंस्पेक्टर के भीतर से टिल्ट तक पहुंच सकते हैं। प्रारंभ करने के लिए, वेब डेवलपर मेनू से "निरीक्षण" का चयन करके पेज इंस्पेक्टर खोलें। आप वर्तमान पृष्ठ पर राइट-क्लिक भी कर सकते हैं और एक विशिष्ट तत्व पर इंस्पेक्टर शुरू करने के लिए "तत्व का निरीक्षण करें" का चयन कर सकते हैं।

इंस्पेक्टर टूलबार पर "3 डी" बटन पर क्लिक करें।
इंस्पेक्टर टूलबार पर "3 डी" बटन पर क्लिक करें।
3 डी मोड को सक्रिय करने के बाद आपको पेज की संरचना दिखाई देगी, लेकिन जब तक आप इसे घुमाएंगे तब तक यह फ्लैट दिखाई देगा।
3 डी मोड को सक्रिय करने के बाद आपको पेज की संरचना दिखाई देगी, लेकिन जब तक आप इसे घुमाएंगे तब तक यह फ्लैट दिखाई देगा।
बाएं-क्लिक करके मॉडल को घुमाएं, माउस को राउंड-क्लिक करके चारों ओर ले जाएं, और माउस व्हील का उपयोग करके ज़ूम इन और आउट करें।
बाएं-क्लिक करके मॉडल को घुमाएं, माउस को राउंड-क्लिक करके चारों ओर ले जाएं, और माउस व्हील का उपयोग करके ज़ूम इन और आउट करें।
यह दृश्य इंस्पेक्टर में अन्य उपकरणों के साथ एकीकृत है। यदि आपके पास HTML या स्टाइल पैनल खुले हैं, तो आप उस तत्व के HTML कोड या सीएसएस गुणों को देखने के लिए एचटीई पृष्ठ पर एक तत्व पर क्लिक कर सकते हैं।
यह दृश्य इंस्पेक्टर में अन्य उपकरणों के साथ एकीकृत है। यदि आपके पास HTML या स्टाइल पैनल खुले हैं, तो आप उस तत्व के HTML कोड या सीएसएस गुणों को देखने के लिए एचटीई पृष्ठ पर एक तत्व पर क्लिक कर सकते हैं।
Image
Image

अधिक 3 डी विशेषताएं

3 डी विज़ुअलाइज़ेशन सुविधा टिल्ट एक्सटेंशन से आधारित थी, लेकिन इसमें टिल्ट एक्सटेंशन की सभी सुविधाएं नहीं हैं। यदि आप 3 डी संपादन प्रोग्राम के साथ रंगों को कस्टमाइज़ करना चाहते हैं या 3 डी मॉडल फ़ाइल के रूप में विज़ुअलाइज़ेशन को निर्यात करना चाहते हैं, तो आपको टिल्ट 3 डी ऐड-ऑन इंस्टॉल करना होगा। आपके पास हो जाने के बाद, आपको वेब डेवलपर मेनू में एक नया "झुकाव" विकल्प मिलेगा।

संकेत दिए जाने पर झुकाव के पुराने संस्करण का उपयोग करने के लिए रद्द करें बटन पर क्लिक करें।
संकेत दिए जाने पर झुकाव के पुराने संस्करण का उपयोग करने के लिए रद्द करें बटन पर क्लिक करें।
Image
Image

आपको पृष्ठ के शीर्ष पर, विंडो के बाईं तरफ विज़ुअलाइज़ेशन और निर्यात सुविधा समेत अन्य विकल्पों को कस्टमाइज़ करने के लिए नियंत्रण मिलेंगे।

Image
Image

सीएसएस स्टाइल संपादक

किसी पृष्ठ की सीएसएस स्टाइल शीट को देखने और संपादित करने के लिए, वेब डेवलपर मेनू से स्टाइल संपादक खोलें।

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

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

सिफारिश की: