IE CSS मॉडर्नाइज़र
पुराने Internet Explorer CSS को आधुनिक मानकों में बदलें। स्वचालित रूप से IE-विशिष्ट फ़िल्टर (opacity, gradients), वेंडर प्रीफ़िक्स (-ms-), पुराने flexbox/grid सिंटैक्स, सेलेक्टर हैक्स और स्वामित्व वाली प्रॉपर्टीज़ को साफ़, आधुनिक CSS समकक्ष में परिवर्तित करता है।
इनपुट
आउटपुट
रीडमी
Internet Explorer CSS क्या है?
Internet Explorer (IE) Microsoft का वेब ब्राउज़र था जो प्रोपायटरी CSS प्रॉपर्टीज़ और फ़िल्टरों का उपयोग करता था ताकि ऐसे प्रभाव प्राप्त किए जा सकें जो अभी तक मानकीकृत नहीं थे। इनमें ग्रेडिएंट, शैडो, अपारदर्शिता और ट्रांसफ़ॉर्मेशन के विशेष फ़िल्टर शामिल थे जो केवल IE में काम करते थे। जबकि IE अब बंद हो चुका है, कई लेगेसी वेबसाइटों में अभी भी यह पुराना CSS कोड मौजूद है जिसे आधुनिक बनाना आवश्यक है।
IE CSS को आधुनिक बनाना क्यों आवश्यक है?
आधुनिक ब्राउज़र मानकीकृत CSS प्रॉपर्टीज़ का उपयोग करते हैं जो अधिक कुशल, रखरखाव योग्य और व्यापक रूप से समर्थित हैं। IE-विशिष्ट CSS को आधुनिक मानकों में बदलने से आपका वेबसाइट सभी वर्तमान ब्राउज़र में सही काम करता है, प्रदर्शन में सुधार होता है, और आपका कोड रखरखाव और अपडेट करने में आसान हो जाता है।
उपकरण विवरण
IE CSS Modernizer स्वचालित रूप से लेगेसी Internet Explorer CSS कोड को आधुनिक, मानकों‑अनुरूप CSS में बदलता है। यह IE‑विशिष्ट प्रॉपर्टीज़, फ़िल्टर और हैक्स की पहचान करता है, फिर उन्हें उनके आधुनिक CSS समकक्षों से बदल देता है जो सभी वर्तमान ब्राउज़र में काम करते हैं।
विशेषताएँ
- स्वचालित रूपांतरण - IE‑विशिष्ट CSS सिंटैक्स का पता लगाता है और इसे आधुनिक मानकों में बदलता है
- फ़िल्टर अनुवाद - IE फ़िल्टर (ग्रेडिएंट, शैडो, अपारदर्शिता) को मानक CSS में बदलता है
- हैक हटाना - IE‑विशिष्ट CSS हैक्स और वर्कअराउंड की पहचान कर उन्हें हटाता है
- वेंडर प्रीफ़िक्स अपडेट - पुराने वेंडर प्रीफ़िक्स को वर्तमान मानकों से बदलता है
- तुरंत पूर्वावलोकन - परिवर्तित CSS को तुरंत दिखाता है जिससे आसान तुलना संभव होती है
- कॉपी कार्यक्षमता - आधुनिक CSS को क्लिपबोर्ड में जल्दी से कॉपी करने की सुविधा
उपयोग के मामले
- लेगेसी वेबसाइट रखरखाव - उन पुरानी वेबसाइटों को अपडेट करें जो IE के लिए डिज़ाइन की गई थीं
- कोड माइग्रेशन - वेबसाइट री‑डिज़ाइन या प्लेटफ़ॉर्म माइग्रेशन के दौरान CSS को आधुनिक बनाएं
- ब्राउज़र संगतता - सुनिश्चित करें कि CSS सभी आधुनिक ब्राउज़र में काम करे
- कोड सफ़ाई - स्टाइलशीट से पुराना IE‑विशिष्ट कोड हटाएँ
- शिक्षण उपकरण - समझें कि IE CSS कैसे आधुनिक मानकों में परिवर्तित होता है
- गुणवत्ता आश्वासन - सत्यापित करें कि लेगेसी CSS के आधुनिक समकक्ष मौजूद हैं
सामान्य IE CSS रूपांतरण
यह उपकरण विभिन्न IE‑विशिष्ट CSS पैटर्न को संभालता है:
- Alpha फ़िल्टर →
opacityप्रॉपर्टी - Gradient फ़िल्टर →
linear-gradient()याradial-gradient() - Shadow फ़िल्टर →
box-shadowप्रॉपर्टी - Matrix फ़िल्टर →
transformप्रॉपर्टी - IE कंडीशनल कमेंट → आधुनिक फीचर डिटेक्शन
- Star हैक (*) → मानक प्रॉपर्टीज़
- Underscore हैक (_) → मानक प्रॉपर्टीज़
- IE6/7 विशिष्ट सिलेक्टर्स → आधुनिक सिलेक्टर्स