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

— Add- On για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Είναι ελαφρύ (2 kb gzipped ή 3,8kb minified) την Javascript ανιχνευτή πρόγραμμα περιήγησης που μπορεί να χρησιμοποιηθεί σε όλα τα έργα σας web. Είναι δημιουργήθηκε για να σας βοηθήσει να γράψετε κώδικα CSS ή JavaScript για οποιοδήποτε συγκεκριμένο πρόγραμμα περιήγησης, έκδοση του προγράμματος περιήγησης ή οτιδήποτε σε έναν πολύ εύκολο τρόπο. Εντοπισμός μηχανή διάταξης, OS, υποστήριξη για CSS χαρακτηριστικά και περισσότερο.

Είναι απαραίτητη λύση για κατασκευή cross-browser και cross-platform web-sites και web-εφαρμογές.

Πως δουλεύει? Πολυ απλα. Παράγει έναν κατάλογο των κλάσεων με αναλυτικές πληροφορίες σχετικά με το πρόγραμμα περιήγησης, διάταξη του κινητήρα, το λειτουργικό σύστημα της συσκευής και στη συνέχεια αποδίδει το να <html> tag.

Σε αντίθεση με γνωστό Modernizr, η CSS / JS Browser Determiner επικεντρώνεται κυρίως όχι για τις λειτουργίες του προγράμματος περιήγησης, αλλά στον browser και την ίδια τη συσκευή. Αλλά καθορίζει επίσης την υποστήριξη των κοινών χαρακτηριστικών CSS.

Ανίχνευση πρόγραμμα περιήγησης με CSS

 .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! 

Ανίχνευσης της εφαρμογής περιήγησης Με το JavaScript

 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 } 

Και πολλά-πολλά άλλα.

Όλες οι επιλογείς CSS

  • Φυλλομετρητές - 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, touchscreenno-retina, no-touchscreen )
    • cookie, flash, javano-cookie, no-flash, no-java )

Τη JavaScript API

  • browser.is_modern - επιστρέφει true αν είναι ένα σύγχρονο πρόγραμμα περιήγησης. Εξαρτάται από το αν το πρόγραμμα περιήγησης υποστηρίζει το ακίνητο μετάβαση CSS3
  • browser.is_old - απέναντι από browser.is_modern
  • browser.is_mobile - επιστρέφει true αν είναι μια φορητή συσκευή
  • browser.is_pc - οποιαδήποτε μη-φορητό υπολογιστή, συμπεριλαμβανομένου του Mac OS
  • browser.is_desktop - πλάτος του παραθύρου 980px και περισσότερα
  • browser.is_tablet - πλάτος του παραθύρου 768px να 979px
  • browser.is_phone - πλάτος του παραθύρου είναι 767px ή λιγότερο
  • browser.is_retina - επιστρέφει true αν είναι Retina οθόνη
  • browser.is_touchscreen - - επιστρέφει true αν είναι η συσκευή αφής
  • browser.name - το όνομα του προγράμματος περιήγησης
  • browser.NAME - όπως browser.ie, browser.firefox κλπ Επιστρέφει true ή απροσδιόριστο
  • browser.nameFull - επιστρέφει το πλήρες όνομα του προγράμματος περιήγησης όπως το "Firefox", "Internet Explorer" κ.λπ.
  • browser.version - η έκδοση του προγράμματος περιήγησης
  • browser.layout - το όνομα του κινητήρα διάταξης, όπως «WebKit", "Gecko", "τρίαινα", "Presto", "khtml" ή "άγνωστο"
  • browser.LAYOUT_NAME - όπως browser.webkit, browser.gecko κλπ Επιστρέφει true ή απροσδιόριστο
  • browser.layoutFull - το πλήρες όνομά του κινητήρα διάταξης, όπως «WebKit", "Gecko", "Trident", "Presto", "KHTML" ή "Άγνωστη"
  • browser.layoutVersion - η έκδοση του κινητήρα διάταξης, όπως «533,1» για το WebKit / 533,1, "18,0" για Gecko / 18,0, "18.0a1pre" για Gecko 18,0 Alpha 1 προ κ.λπ.
  • browser.os - επιστρέφει το σύντομο όνομα του λειτουργικού συστήματος, όπως τα "παράθυρα", "MacOS", "Cros", "Unix", "linux", "Ίος", "android" ή "άγνωστο"
  • browser.osFull - επιστρέφει το πλήρες όνομα του λειτουργικού συστήματος, όπως το "Windows", "Mac OS X", "Cros", "Unix", "Linux", "Ίος", "Android" ή "Άγνωστη"
  • browser.osVersion - επιστρέφει το string έκδοση του λειτουργικού συστήματος, όπως το "7" για τα Windows 7 ", 4.2" για το Android 4.2 κ.λπ.
  • browser.device - επιστρέφει το σύντομο όνομα της κινητής συσκευής, όπως το "iPhone", "iPad", "iPod", "BlackBerry" ή "ανάψει"
  • browser.deviceFull - επιστρέφει το πλήρες όνομα της κινητής συσκευής, όπως το "iPhone", "iPad", "iPod", "BlackBerry" ή "Kindle"
  • browser.supports.CSS_PROP - όπως browser.supports.opacity, οι browser.supports.gradient κ.λπ. Μόνο προκαθορισμένες ιδιότητες alowed ( «Κοινές ιδιότητες CSS" λίστα). Παρακαλώ σημειώστε ότι η δεύτερη λέξη που πρέπει να αξιοποιηθεί, όπως textShadow, borderRadius, boxSizing κ.λπ.
  • browser.mode - επιστρέφει "επιφάνεια εργασίας", "tablet" ή "τηλέφωνο", σύμφωνα με το τρέχον πλάτος του παραθύρου
  • browser.orientation - πρόγραμμα περιήγησης προσανατολισμό παράθυρο σαν "τοπίο" ή "πορτρέτο"
  • browser.cookieEnabled - επιστρέφει true αν τα cookies είναι ενεργοποιημένα στο πρόγραμμα περιήγησης
  • browser.flashEnabled - Επιστρέφει TRUE εάν είναι εγκατεστημένο το Flash Player και ενεργοποιημένα στο φυλλομετρητή
  • browser.javaEnabled - επιστρέφει true αν η Java είναι εγκατεστημένη και ενεργοποιημένη στον browser
  • browser.width() - επιστρέφει το πλάτος του προγράμματος περιήγησης
  • browser.height() - επιστρέφει το ύψος του προγράμματος περιήγησης
  • browser.supports("css-prop") - να προσδιορίζει εάν ο browser υποστηρίζει την ιδιότητα CSS.

Responsive Utilities

CSS / JS Browser Determiner είναι επίσης υποστηρίζει τις βασικές ανταποκρίνεται utilites για την ταχύτερη κινητή φιλική προς την ανάπτυξη. Μπορείτε να χρησιμοποιήσετε το CSS επιλογείς για τον προσδιορισμό της επιφάνειας εργασίας, το tablet ή το τηλέφωνο πλατφόρμα. Μπορεί να είναι χρήσιμο αν χρειάζεστε άμεση εξυπηρέτηση στον Internet Explorer 8 (ή λιγότερο), ο οποίος δεν υποστηρίζει CSS3 Media Ερωτήματα.

Live demo και πλήρη τεκμηρίωση

Αλλαγών

Έκδοση 2.3 | 6, Φεβρουαρίου, 2014
- Μικρά διορθώσεις

Έκδοση 2.2 | 15 του Δεκεμβρίου του 2013
- Μόνιμα συστήματα ανιχνεύσεως flash
- Άλλες διορθώσεις

Έκδοση 2.1 | 15 Οκτωβρίου 2013
- Σταθερό ανίχνευση Opera 15+, IE 11
- Επανέρχεται », δηλαδή« το ακίνητο από το "MSIE" σε JavaScript API (οπότε τώρα είναι browser.ie )

Έκδοση 2.0.3 | 29η Μαΐου του 2013
- Ζωντανή προσανατολισμό (τοπίο, πορτρέτο) την ενημέρωση για CSS

Έκδοση 2.0.2 | 24η Μαΐου του 2013
- Σταθερό ανίχνευση κινητών συσκευών

2.0.1 | 11 Μαΐου 2013
- Opera κινείται στο WebKit σύντομα, έτσι και τώρα είμαστε έτοιμοι γι 'αυτό!
- Σταθερή σύνδεση με την τεκμηρίωση (μεταφέρθηκε σε ένα νέο τομέα)

Έκδοση 2.0 | 23η, Ιανουαρίου 2013
- Σύνολο almoust αναμόρφωση από το μηδέν
- Ακόμη πιο ισχυρό. Προστέθηκε υποστήριξη των νέων προγραμμάτων περιήγησης, λειτουργικό σύστημα, κινητήρες διάταξης, συσκευές και άλλα χαρακτηριστικά
- Νέα αλγόριθμο ανίχνευσης
- Τώρα μπορείτε να εντοπίσετε την έκδοση του λειτουργικού συστήματος και διάταξη του κινητήρα με δύο CSS και JavaScript
- Ενημερώθηκε demos
- Νέο εργαλείο ελέγχου προστίθεται (βλ Ζωντανή ανασκόπηση)
- Αντικαθίσταται Firefox όνομα του προγράμματος περιήγησης από ".mozilla" σε ".firefox"
- Αντικαταστάθηκε ", δηλαδή" ιδιότητα "MSIE" σε JavaScript API (οπότε τώρα είναι browser.msie )
- Αντικαταστάθηκε Mac OS από το ".mac" σε ".macos"
- Το ίδιο 4kb (minified)!

Έκδοση 1.0.5 | 1 Ιανουαρίου του 2013
- Ανίχνευση σταθερό πλάτος παραθύρου

Έκδοση 1.0.4 | 28 Δεκέμβρη του 2012
- Προστέθηκε OS: Win8, Win7, Vista, XP
- Ανίχνευση Προστέθηκε Retina οθόνες

Έκδοση 1.0.3 | 27, Δεκεμβρίου, 2012
- Υποστήριξη ανίχνευσης Προστέθηκε iOS
- Σταθερά κρίσιμη bug με το Safari browsers
- Άλλες αλλαγές και διορθώσεις σφαλμάτων


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
26, Δεκ, 12? Τελευταία Ενημέρωση

Λέξεις-κλειδιά

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, όλα τα στοιχεία, το πρόγραμμα περιήγησης ανίχνευση, CSS, JavaScript, γραφή, την επιλογή, userAgent