WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

CSS/JS Browser Determiner

— जोड़ें पर WorldWideScripts.net को

तारीख तक रहने के लिए हमारे फ़ीड की सदस्यता लें!

नई! आप यह चाहते हैं के रूप में हमें का पालन करें!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

यह हल्के (minified 2KB gzipped या 3,8kb) अपने सभी वेब परियोजनाओं में इस्तेमाल किया जा सकता है कि जावास्क्रिप्ट ब्राउज़र डिटेक्टर है। यह आप एक बहुत ही आसान तरीके से किसी भी विशिष्ट ब्राउज़र के लिए सीएसएस या जावा स्क्रिप्ट कोड, ब्राउज़र का संस्करण या whatnot लिखने में मदद करने के लिए बनाया गया है। लेआउट इंजन, ओएस, सीएसएस सुविधाओं को और अधिक के लिए समर्थन का पता लगाने।

यह पार ब्राउज़र और पार मंच वेब साइटों और वेब अनुप्रयोगों के निर्माण के लिए अपरिहार्य समाधान है।

यह काम किस प्रकार करता है? बहुत आसान। यह ब्राउज़र, लेआउट इंजन, ओएस, डिवाइस के बारे में विस्तृत जानकारी के साथ वर्गों की एक सूची उत्पन्न करता है और फिर <HTML> टैग के लिए यह देता है।

जाने-माने Modernizr के विपरीत, सीएसएस / जे एस ब्राउज़र Determiner नहीं ब्राउज़र सुविधाओं पर लेकिन ब्राउज़र और डिवाइस पर ही ज्यादातर ध्यान केंद्रित है। लेकिन यह भी आम सीएसएस सुविधाओं के समर्थन निर्धारित करता है।

सीएसएस के साथ ब्राउज़र डिटेक्शन

 .opera.element {color:red} // All versions of Opera.ie8.element {color:red} // MSIE 8.ie7_5.element {color:red} // MSIE 7.5.ie8-.element {color:red} // MSIE 8 or less.chrome24-.element {color:red} // Chrome 24 or less (25 version is the maximum available).webkit.element {color:red} // Webkit based browsers such as Chrome, Safari, IOS, Android etc..gecko18.element {color:red} // Browsers that based on Gecko v18.macos.element {color:red} // Mac OS only.windows.element {color:red} // Any version of Windows.win7.element {color:red} // Windows 7 only.pc.element {color:red} // Any non-mobile computer including Mac OS.mobile.element {color:red} // Any mobile device.desktop.element {color:red} // Window width 980px or more.iphone.element {color:red} // iPhone.ipad.landscape.element {color:red} // iPad in landscape orientation.android.element {color:red} // Device with Android OS.android.crmo.element {color:red} // Chrome Mobile on Android OS.mobile.tablet.element {color:red} // Only mobile device with current width of the window from 768px to 979px.boxsizing.element {color:red} // Browser that supports the CSS3 box-sizing property.no-gradient.element {color:red} // Browser that does not supports CSS3 gradients.cookie.element {color:red} // Cookies enabled.no-flash.element {color:red} // Flash is not installed... and so much more! 

ब्राउज़र पता लगाने के साथ जावास्क्रिप्ट

 if (browser.ie && browser.version <= 8 ) { // Code for MSIE 8 or less } if (browser.is_mobile) { // Code for mobile devices } if (browser.is_old) { // Code for old browsers such as: // MSIE 9 or less // Firefox 3.6 or less // Safari 3.0 or less // Opera 10.1 or less } if (browser.supports("border-radius")) { // Code for browsers that supports the CSS3 border-radius property } if (browser.is_desktop) { // Window width is 980px or more } 

और भी बहुत-बहुत ज्यादा है।

सभी सीएसएस चयनकर्ताओं

  • ब्राउज़र - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • ब्राउज़र संस्करण की तरह: firefox18, firefox18-, firefox18_0 (लेकिन नहीं firefox18_0- या firefox18_0_1234 या firefox18_0a1 )
  • लेआउट इंजन: webkit, gecko, trident, presto, khtml
  • जैसे लेआउट संस्करण: gecko18, gecko18_0 (लेकिन नहीं gecko18- या gecko18_0_1 या gecko18_0a1 )
  • मोबाइल उपकरण: iphone, ipod, ipad, blackberry, kindle
  • ऑपरेशन सिस्टम: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • बेसिक CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. या फिर no-gradient, no-borderimage आदि...
  • अन्य:
    • pc, mobile (किसी भी गैर-मोबाइल कंप्यूटर या मोबाइल डिवाइस)
    • desktop, tablet, phone (खिड़की चौड़ाई के अनुसार)
    • landscape, portrait (व्यूपोर्ट अभिविन्यास, खिड़की चौड़ाई और ऊंचाई के अनुसार)
    • retina, touchscreen (या no-retina, no-touchscreen )
    • cookie, flash, java (या no-cookie, no-flash, no-java )

जावास्क्रिप्ट एपीआई

  • browser.is_modern - यह एक आधुनिक ब्राउज़र है कि अगर सच देता है। ब्राउज़र CSS3 के संक्रमण संपत्ति का समर्थन करता है कि क्या पर निर्भर करता है
  • browser.is_old - browser.is_modern के विपरीत
  • browser.is_mobile - यह एक मोबाइल डिवाइस है कि अगर सच रिटर्न
  • browser.is_pc - किसी भी गैर-मोबाइल कंप्यूटर, मैक ओएस सहित
  • browser.is_desktop - खिड़की चौड़ाई 980px और अधिक
  • browser.is_tablet - खिड़की चौड़ाई 768px करने के लिए 979px
  • browser.is_phone - खिड़की चौड़ाई 767px या उससे कम है
  • browser.is_retina - यह रेटिना डिस्प्ले है कि अगर सच रिटर्न
  • browser.is_touchscreen - - यह टचस्क्रीन डिवाइस है कि अगर सच रिटर्न
  • browser.name - ब्राउज़र के नाम
  • browser.NAME - जैसे browser.ie, browser.firefox आदि सच है या अपरिभाषित रिटर्न
  • browser.nameFull -, "इंटरनेट एक्सप्लोरर" आदि "फ़ायरफ़ॉक्स" की तरह ब्राउज़र का पूरा नाम वापस
  • browser.version - ब्राउज़र का संस्करण
  • browser.layout - लेआउट इंजन का नाम है, "वेबकिट", "छिपकली", "त्रिशूल", "हाथ की सफ़ाई", "KHTML" या "अज्ञात" की तरह
  • browser.LAYOUT_NAME - जैसे browser.webkit, browser.gecko आदि सच है या अपरिभाषित रिटर्न
  • browser.layoutFull - "वेबकिट", "छिपकली", "त्रिशूल", "हाथ की सफ़ाई", "KHTML" या जैसे लेआउट इंजन का पूरा नाम, "अज्ञात"
  • browser.layoutVersion - लेआउट इंजन के संस्करण, "533.1" वेबकिट / 533.1, "18.0" छिपकली / 18.0 के लिए के लिए, "18.0a1pre" छिपकली 18.0 अल्फा 1 के लिए पूर्व आदि की तरह
  • browser.os - "Windows", "MacOS", "CROs", "यूनिक्स", "लिनक्स", "iOS", "Android" या "अज्ञात" की तरह, संचालन प्रणाली का संक्षिप्त नाम रिटर्न
  • browser.osFull - "विंडोज", "मैक ओएस एक्स", "Cros", "यूनिक्स", "लिनक्स", "आईओएस", "एंड्रायड" या "अज्ञात" की तरह, संचालन प्रणाली का पूरा नाम वापस
  • browser.osVersion - आदि एंड्रॉयड 4.2 के लिए, विंडोज 7 के लिए "7" की तरह, "4.2" ओएस संस्करण स्ट्रिंग रिटर्न
  • browser.device - "iPhone", "iPad", "आइपॉड", "ब्लैकबेरी" या "जलाने" की तरह, मोबाइल डिवाइस की कमी नाम वापस
  • browser.deviceFull - "iPhone", "iPad के", "आइपॉड", "ब्लैकबेरी" या "जलाने" की तरह, मोबाइल डिवाइस का पूरा नाम वापस
  • browser.supports.CSS_PROP - browser.supports.opacity की तरह, browser.supports.gradient आदि केवल पूर्वनिर्धारित गुण (alowed रहे हैं "आम सीएसएस संपत्तियों" सूची)। दूसरा शब्द textShadow, borderRadius, boxSizing आदि की तरह पूंजीकृत किया जाना चाहिए कि कृपया ध्यान दें
  • browser.mode - खिड़की की वर्तमान चौड़ाई के अनुसार रिटर्न "डेस्कटॉप", "गोली" या "फोन"
  • browser.orientation - "परिदृश्य" या "चित्र" की तरह ब्राउज़र विंडो अभिविन्यास
  • browser.cookieEnabled - कुकीज़ ब्राउज़र में सक्षम रहे हैं, तो सच रिटर्न
  • browser.flashEnabled फ़्लैश प्लेयर स्थापित है, तो सच रिटर्न और ब्राउज़र में सक्षम -
  • browser.javaEnabled - जावा स्थापित किया है और ब्राउज़र में सक्षम है, तो सच रिटर्न
  • browser.width() - ब्राउज़र की चौड़ाई रिटर्न
  • browser.height() - ब्राउज़र की ऊंचाई रिटर्न
  • browser.supports("css-prop") - ब्राउज़र सीएसएस संपत्ति का समर्थन करता है या नहीं यह निर्धारित।

उत्तरदायी यूटिलिटीज

सीएसएस / जे एस ब्राउज़र Determiner भी है तेजी से मोबाइल के अनुकूल विकास के लिए बुनियादी उत्तरदायी utilites समर्थन करता है। आप डेस्कटॉप, टेबलेट या फोन मंच का निर्धारण करने के लिए सीएसएस चयनकर्ताओं का उपयोग कर सकते हैं। आप CSS3 के मीडिया के प्रश्नों का समर्थन नहीं करता है, जो इंटरनेट एक्सप्लोरर 8 (या कम), में उत्तरदायी समर्थन की जरूरत है अगर यह मददगार हो सकता है।

लाइव डेमो और पूर्ण प्रलेखन

Changelog

संस्करण 2.3 | 6 फ़रवरी 2014
- मामूली त्रुटि समाधान

2.2 संस्करण | 15 दिसंबर 2013
- फिक्स्ड फ्लैश का पता लगाने
- अन्य bugfixes

संस्करण 2.1 | 15 अक्टूबर 2013
- ओपेरा 15+ की फिक्स्ड का पता लगाने, आईई 11
- (तो अब यह है जावास्क्रिप्ट एपीआई में "MSIE" से "यानी" संपत्ति के लिए वापस बंद browser.ie )

संस्करण 2.0.3 | 29 मई 2013
- सीएसएस के लिए लाइव अभिविन्यास (परिदृश्य, चित्र) अद्यतन

संस्करण 2.0.2 | 24 मई 2013
- मोबाइल उपकरणों के फिक्स्ड का पता लगाने

संस्करण 2.0.1 | 11 मई 2013
- ओपेरा उस के लिए हम तैयार है, तो अब जल्द ही वेबकिट के लिए आगे बढ़ रहा है!
- (एक नया डोमेन के लिए ले जाया गया है) के दस्तावेज़ के लिए एक कड़ी फिक्स्ड

संस्करण 2.0 | 23 जनवरी 2013
- जमीन से कुल नए सिरे almoust
- इससे भी अधिक शक्तिशाली है। नए ब्राउज़रों, ओएस, लेआउट इंजन, उपकरणों और अन्य सुविधाओं के लिए समर्थन जोड़ा गया
- न्यू पता लगाने एल्गोरिथ्म
- अब तुम सीएसएस और जावास्क्रिप्ट दोनों के साथ ओएस और लेआउट इंजन के संस्करण का पता लगाने कर सकते हैं
- अद्यतन क़ौम
- नई परीक्षण उपकरण जोड़ा (लाइव पूर्वावलोकन देखें)
- ".mozilla" को ".firefox" से Firefox ब्राउज़र नाम बदला
- जावास्क्रिप्ट एपीआई में बदल दिया "यानी" संपत्ति के लिए "MSIE" (तो अब यह है browser.msie )
- "मैक" के लिए ".macos" से मैक ओएस बदला
- एक ही 4kb (minified)!

संस्करण 1.0.5 | 1 जनवरी 2013
- फिक्स्ड खिड़की चौड़ाई का पता लगाने

संस्करण 1.0.4 | 28 दिसंबर 2012
- जोड़ा गया ओएस: Win8, Win7, Vista, XP
- जोड़ा गया रेटिना को प्रदर्शित करता है का पता लगाने

संस्करण 1.0.3 | 27 दिसंबर 2012
- जोड़ा गया आईओएस पता लगाने का समर्थन
- सफ़ारी ब्राउज़र के साथ फिक्स्ड गंभीर बग
- अन्य परिवर्तन और बग फिक्स


डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

:
26 12 दिसंबर बनाया

अंतिम अद्यतन:
23 जून 14, संगत ब्राउज़र

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, ब्राउज़र का पता लगाने, सीएसएस, जावास्क्रिप्ट, स्क्रिप्ट, चयनकर्ता, userAgent