नए स्टाइल एडिटर और फ़ायरफ़ॉक्स 11 में पृष्ठ के डोम संरचना का 3 डी डिस्प्ले

फ़ायरफ़ॉक्स ब्राउज़र के डेवलपर्स, जो वर्तमान में Google क्रोम के साथ भयंकर प्रतिस्पर्धा का सामना कर रहे हैं, अगले साल मार्च में अपने ब्राउज़र का एक नया 11 वां संस्करण जारी करने की योजना बना रहे हैं। इसमें डेवलपर्स के काम को सुविधाजनक बनाने के लिए डिज़ाइन किए गए कई नए टूल होंगे।

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

भविष्य का टूल कैसा दिखता है, इसका अनुमान नीचे दिए गए स्क्रीनशॉट पर लगाया जा सकता है:



डेवलपर्स के लिए एक और सुधार नेत्रहीन रूप से अधिक शानदार दिखता है - 3 डी के रूप में एक वेब पेज की संरचना प्रदर्शित करना (कार्यक्षमता जो पहले झुकाव विस्तार में लागू की गई थी)


यदि डेवलपर का कंप्यूटर WebGL का समर्थन करता है, तो फ़ायरफ़ॉक्स 11 एक 3D चित्र के रूप में वेब पेज की DOM संरचना को प्रदर्शित करने में सक्षम होगा, जिसमें एम्बेडेड तत्व "स्टैक" के रूप में प्रदर्शित किए जाते हैं। बेशक, 3 डी डोम पेज तीन आयामी वस्तुओं, जैसे स्केलिंग और रोटेशन के साथ काम करने के लिए मानक तत्वों का समर्थन करता है, और एक 3 डी तत्व पर क्लिक करने से इसका HTML और (या) CSS कोड खुल जाएगा।

यह कैसा दिखता है, आप नीचे स्क्रीनशॉट में देख सकते हैं:



यदि आप 3D डोम के रूप में एक वेब पेज के साथ काम करने की प्रक्रिया से परिचित नहीं हैं, तो आप इस वीडियो में झुकाव ऐड-ऑन के उपयोग को दर्शाते हुए अध्ययन कर सकते हैं:



[ स्रोत ]