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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ia ringan (2Kb gzipped atau 3,8kb minified) JavaScript pengesan pelayar yang boleh digunakan dalam semua projek web anda. Ia diwujudkan untuk membantu anda untuk menulis CSS atau kod JavaScript untuk mana-mana pelayar tertentu, versi pelayar atau barang kecil dengan cara yang sangat mudah. Mengesan enjin susun atur, OS, sokongan untuk ciri-ciri CSS dan banyak lagi.

Ia adalah penyelesaian yang sangat diperlukan untuk membina silang pelayar dan cross-platform web-laman web dan aplikasi.

Bagaimana ia berfungsi? Sangat mudah. Ia menjana senarai kelas dengan maklumat terperinci tentang pelayar, enjin susun atur, OS, peranti dan kemudian melekat kepada <html> tag.

Tidak seperti yang terkenal Modernizr, yang CSS / JS Pelayar penentu kebanyakannya tertumpu bukan pada ciri-ciri pelayar tetapi pada pelayar dan peranti itu sendiri. Tetapi ia juga menentukan menyokong ciri CSS biasa.

Pengesanan pelayar Dengan 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! 

Pelayar Pengesanan Dengan 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 } 

Dan banyak-banyak lagi.

Semua pemilih CSS

  • Browser - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Versi pelayar seperti: firefox18, firefox18-, firefox18_0 (tetapi TIDAK firefox18_0- atau firefox18_0_1234 atau firefox18_0a1 )
  • Enjin susun atur: webkit, gecko, trident, presto, khtml
  • Versi susun atur seperti: gecko18, gecko18_0 (tetapi TIDAK gecko18- atau gecko18_0_1 atau gecko18_0a1 )
  • Peranti mudah alih: iphone, ipod, ipad, blackberry, kindle
  • Sistem Operasi: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • CSS3 asas properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Atau no-gradient, no-borderimage sebagainya...
  • Lain-lain:
    • pc, mobile (mana-mana komputer bukan mudah alih atau mudah alih peranti)
    • desktop, tablet, phone (mengikut lebar tingkap)
    • landscape, portrait (orientasi viewport, menurut lebar tingkap dan ketinggian)
    • retina, touchscreen (atau no-retina, no-touchscreen )
    • cookie, flash, java (atau no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - mengembalikan benar jika ia adalah satu pelayar moden. Bergantung kepada sama ada pelayar menyokong peralihan harta CSS3
  • browser.is_old - bertentangan dengan browser.is_modern
  • browser.is_mobile - mengembalikan benar jika ia adalah satu peranti mudah alih
  • browser.is_pc - mana-mana komputer bukan mudah alih, termasuk Mac OS
  • browser.is_desktop - lebar tingkap 980px dan lebih
  • browser.is_tablet - lebar tingkap 768px kepada 979px
  • browser.is_phone - lebar tingkap adalah 767px atau kurang
  • browser.is_retina - mengembalikan Benar jika ia Retina paparan
  • browser.is_touchscreen - - mengembalikan Benar jika ia peranti skrin sentuh
  • browser.name - nama pelayar
  • browser.NAME - browser.ie seperti, dan lain-lain browser.firefox Kembali benar atau undefined
  • browser.nameFull - mengembalikan nama penuh pelayar seperti "Firefox", "Internet Explorer" dan lain-lain
  • browser.version - versi pelayar
  • browser.layout - nama enjin susun atur, seperti "webkit", "gecko", "trisula", "dgn cepat", "KHTML" atau "tidak diketahui"
  • browser.LAYOUT_NAME - browser.webkit seperti, dan lain-lain browser.gecko Kembali benar atau undefined
  • browser.layoutFull - nama penuh enjin susun atur, seperti "WebKit", "Gecko", "Trident", "Presto", "KHTML" atau "Tidak diketahui"
  • browser.layoutVersion - versi enjin susun atur, seperti "533,1" untuk WebKit / 533,1, "18.0" untuk Gecko / 18.0, "18.0a1pre" untuk Gecko 18.0 Alpha 1 pra dan lain-lain
  • browser.os - mengembalikan nama pendek sistem operasi, seperti "tingkap", "MacOS", "Cros", "unix", "linux", "ios", "android" atau "tidak diketahui"
  • browser.osFull - mengembalikan nama penuh sistem operasi, seperti "Windows", "Mac OS X", "CrOS", "Unix", "Linux", "IOS", "Android" atau "Tidak diketahui"
  • browser.osVersion - mengembalikan rentetan versi OS, seperti "7" untuk Windows 7 "4.2" untuk Android 4.2 dan lain-lain
  • browser.device - mengembalikan nama pendek peranti mudah alih, seperti "iphone", "ipad", "ipod", "blackberry" atau "menyalakan"
  • browser.deviceFull - mengembalikan nama penuh peranti mudah alih, seperti "iPhone", "iPad", "iPod", "BlackBerry" atau "Kindle"
  • browser.supports.CSS_PROP - seperti browser.supports.opacity, dan lain-lain ciri-ciri browser.supports.gradient Hanya ditakrifkan adalah alowed ( "Hartanah CSS Common" senarai). Sila ambil perhatian bahawa perkataan kedua hendaklah dipermodalkan seperti textShadow, borderRadius, boxSizing dan lain-lain
  • browser.mode - pulangan "desktop", "tablet" atau "telefon" menurut lebar semasa tetingkap
  • browser.orientation orientasi tetingkap pelayar seperti "landskap" atau "potret" -
  • browser.cookieEnabled - mengembalikan Benar jika cookies diaktifkan pada pelayar
  • browser.flashEnabled - mengembalikan Benar jika Flash Player dipasang dan diaktifkan pada pelayar
  • browser.javaEnabled - mengembalikan Benar jika Jawa dipasang dan diaktifkan pada pelayar
  • browser.width() - mengembalikan lebar pelayar
  • browser.height() - mengembalikan ketinggian pelayar
  • browser.supports("css-prop") - menentukan sama ada pelayar menyokong harta CSS.

Utiliti responsif

CSS / JS Pelayar penentu juga menyokong utilites asas responsif untuk pembangunan mudah alih yang mesra dengan lebih cepat. Anda boleh menggunakan pemilih CSS untuk menentukan desktop, tablet atau platform telefon. Ia boleh membantu jika anda memerlukan sokongan responsif dalam Internet Explorer 8 (atau kurang), yang tidak menyokong CSS3 Media Pertanyaan.

Demo Live dan dokumentasi penuh

Changelog

Versi 2.3 | 6 Feb 2014
- Pembaikan pepijat Kecil

Versi 2.2 | 15 Disember 2013
- Pengesanan flash Tetap
- Pembaikan pepijat lain

Versi 2.1 | 15 Oktober 2013
- Pengesanan Tetap Opera 15+, IE 11
- Bersuis kembali ke "iaitu" harta daripada "MSIE" dalam JavaScript API (sehingga kini ia browser.ie )

Versi 2.0.3 | 29 Mei 2013
- Orientasi Live (landskap, potret) update untuk CSS

Versi 2.0.2 | 24 Mei 2013
- Tetap pengesanan peranti mudah alih

Versi 2.0.1 | 11 Mei 2013
- Opera bergerak ke WebKit tidak lama lagi, jadi sekarang kita bersedia untuk itu!
- Tetap pautan ke dokumentasi (berpindah ke domain baru)

Versi 2.0 | 23 Jan 2013
- Jumlah almoust reworking dari bawah ke atas
- Walaupun lebih kuat. Sokongan tambahan pelayar baru, OS, enjin susun atur, peranti dan ciri-ciri lain
- Algoritma pengesanan Baru
- Kini anda boleh mengesan versi OS dan enjin susun atur dengan kedua-dua CSS dan JavaScript
- Demo Dikemaskini
- Alat ujian baru ditambah (lihat pratonton Live)
- Diganti Firefox pelayar nama daripada ".mozilla" kepada ".firefox"
- Diganti "iaitu" harta untuk "MSIE" dalam JavaScript API (sehingga kini ia browser.msie )
- Diganti Mac OS daripada ".mac" kepada ".macos"
- The 4kb sama (minified)!

Versi 1.0.5 | 1 Jan 2013
- Pengesanan lebar tingkap Tetap

Versi 1.0.4 | Disember 28, 2012
- Ditambah OS: Win8, Win7, vista, xp
- Pengesanan paparan Retina Ditambah

Versi 1.0.3 | 27 Disember 2012
- Ditambah iOS sokongan pengesanan
- Pepijat kritikal tetap dengan pelayar Safari
- Perubahan lain dan pembetulan pepijat


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
26 Dis 12

Kemaskini:
23 Jun 14

Browser Yang Sesuai:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS

Perisian Versi:
jQuery, MooTools 1.2, MooTools 1.3, MooTools 1.4, MooTools 1.4.5, YUI 2, YUI 3, EXT JS 3, EXT JS 4, script.aculo.us 1.9, script.aculo.us 2.0, Lain-lain

Kata kunci

eCommerce, eCommerce, Semua Item, pelayar mengesan, css, javascript, skrip, pemilih, useragent