😖 💪 ✋🏼 CssUserAgent लाइब्रेरी ✨ 🛒 👨🏿‍💻

अंग्रेजी बोलने वाले इंटरनेट की विशालता में, मुझे CssUserAgent के नाम से एक जावास्क्रिप्ट लाइब्रेरी मिली । संक्षेप में, पृष्ठ लोड करते समय, निम्न प्रकार की कक्षाएं html टैग पर लटकाई जाती हैं:

ua- browsername 
      

        
        
        
      

     ua- browsername-major 
      

        
        
        
      

     ua- browsername-major-minor 
      

        
        
        
      

     ua- browsername-major-minor-build 
      

        
        
        
      

     ua- browsername-major-minor-build-revision

कट लाभ विवरण के तहत।

जैसा कि मैंने पहले ही कहा था, जब इस स्क्रिप्ट के साथ पृष्ठ लोड किया जाता है, तो html टैग पर कई कक्षाएं लटका दी जाती हैं, एक उदाहरण यहां पाया जा सकता है । मेरे लिए व्यक्तिगत रूप से, परिणाम इस प्रकार था:

 <!-- the CSS classes currently applied to this page tag are: --> <html class="ua-webkit ua-webkit-534 ua-webkit-534-15 ua-chrome ua-chrome-10 ua-chrome-10-0 ua-chrome-10-0-612 ua-chrome-10-0-612-3"> <head>…</head> <body>…</body> </html>

मोबाइल ब्राउज़रों के लिए, कुछ और कक्षाएं जोड़ी जाएंगी:

 <html class="… ua-mobile ua-mobile-iphone …">…<html>

क्या, अतिरिक्त कोड के अलावा, क्या हमें मिलेगा?

सबसे पहले, cssua.userAgent ऑब्जेक्ट हमारे पास उपलब्ध है, जो मेरे मामले में निम्न रूप में था:

 cssua.userAgent = { webkit: "534.15", chrome: "10.0.612.3" };

तो अब आप IE के एक संस्करण के रूप में इसे आसानी से और आसानी से परिभाषित कर सकते हैं:

 if (cssua.userAgent.ie < 8) { /*   */ }

दोनों मोबाइल ब्राउज़र

 if (cssua.userAgent.mobile) { /*    */ }

और दूसरी बात, सीएसएस कोड के साथ काम करना थोड़ा आसान है, जो ब्राउज़र पर निर्भर हो सकता है:

 .logo-area { background-image: url(logo.png); background-repeat: no-repeat; background-position: left top; } /*  IE 5.0, 5.5, 6.0 */ .ua-ie-5 .logo-area, .ua-ie-6 .logo-area { /*  IE < 7.0    24- PNG */ background-image: url(logo.gif); }

मुझे आशा है कि आपको यह पुस्तकालय उपयोगी लगेगा!

CssUserAgent लाइब्रेरी

More articles: