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

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


CSS/JS Browser Determiner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Nó nhẹ (2KB gzipped hoặc 3,8kb minified) JavaScript của trình duyệt máy dò có thể được sử dụng trong tất cả các dự án web của bạn. Nó được tạo ra để giúp bạn viết CSS hoặc mã JavaScript cho bất kỳ trình duyệt cụ thể, phiên bản của trình duyệt hoặc không có điều gì trong một cách rất dễ dàng. Phát hiện bố trí động cơ, hệ điều hành, hỗ trợ cho các tính năng CSS và nhiều hơn nữa.

Đây là giải pháp không thể thiếu để xây dựng qua trình duyệt và nền tảng web-site và ứng dụng web.

Làm thế nào nó hoạt động? Rất đơn giản. Nó tạo ra một danh sách các lớp học với các thông tin chi tiết về trình duyệt, bố trí động cơ, hệ điều hành, thiết bị và sau đó gắn nó vào tag <html>.

Không giống như nổi tiếng Modernizr, CSS / JS duyệt determiner là chủ yếu tập trung vào các tính năng không duyệt nhưng trên các trình duyệt và các thiết bị chính nó. Nhưng nó cũng quyết định hỗ trợ các tính năng CSS chung.

Phát hiện trình duyệt Với ​​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! 

Trình duyệt Detection Với 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 } 

Và nhiều-nhiều hơn nữa.

Tất cả các bộ chọn CSS

  • Trình duyệt - chrome, safari, firefox, ie, konqueror, opera, operamobi, operamini, crmo, unknown
  • Phiên bản trình duyệt như: firefox18, firefox18-, firefox18_0 (nhưng KHÔNG firefox18_0- hoặc firefox18_0_1234 hoặc firefox18_0a1 )
  • Động cơ bố trí: webkit, gecko, trident, presto, khtml
  • Giao diện phiên bản như: gecko18, gecko18_0 (nhưng KHÔNG gecko18- hoặc gecko18_0_1 hoặc gecko18_0a1 )
  • Các thiết bị di động: iphone, ipod, ipad, blackberry, kindle
  • Hệ thống hoạt động: windows, win8, win7, vista, xp, win2003, cros, unix, linux, ios, android, unknown_os
  • Basic CSS3 properties: opacity, gradient, borderradius, borderimage, animation, transition, transform, textshadow, boxsizing, boxshadow. Hoặc no-gradient, no-borderimage vv...
  • Những người khác:
    • pc, mobile (bất kỳ máy tính không di động hoặc thiết bị di động)
    • desktop, tablet, phone (theo chiều rộng cửa sổ)
    • landscape, portrait (định hướng khung nhìn, theo chiều rộng cửa sổ và chiều cao)
    • retina, touchscreen (hoặc no-retina, no-touchscreen )
    • cookie, flash, java (hoặc no-cookie, no-flash, no-java )

JavaScript API

  • browser.is_modern - trả về true nếu nó là một trình duyệt hiện đại. Phụ thuộc vào việc trình duyệt hỗ trợ CSS3 tài sản chuyển đổi
  • browser.is_old - đối diện của browser.is_modern
  • browser.is_mobile - trả về true nếu nó là một thiết bị di động
  • browser.is_pc - bất kỳ máy tính không di động, bao gồm cả Mac OS
  • browser.is_desktop - 980px chiều rộng cửa sổ và nhiều hơn nữa
  • browser.is_tablet - chiều rộng cửa sổ để 768px 979px
  • browser.is_phone - chiều rộng cửa sổ là 767px hoặc ít hơn
  • browser.is_retina - trả về true nếu đó là màn hình Retina
  • browser.is_touchscreen - - trả về true nếu nó là thiết bị màn hình cảm ứng
  • browser.name - tên của các trình duyệt
  • browser.NAME - browser.ie như, browser.firefox vv Trả về true hoặc không xác định
  • browser.nameFull - trả lại tên đầy đủ của các trình duyệt như "Firefox", "Internet Explorer", vv
  • browser.version - các phiên bản của trình duyệt
  • browser.layout - tên của động cơ bố trí, như "webkit", "tắc kè", "cây đinh ba", "mau", "KHTML" hoặc "không rõ"
  • browser.LAYOUT_NAME - browser.webkit như, browser.gecko vv Trả về true hoặc không xác định
  • browser.layoutFull - tên đầy đủ của động cơ bố trí, như "WebKit", "Gecko", "Trident", "Presto", "KHTML" hoặc "Unknown"
  • browser.layoutVersion - phiên bản của động cơ bố trí, như "533,1" cho WebKit / 533,1 ", 18.0" cho Gecko / 18.0 ", 18.0a1pre" cho Gecko 18.0 Alpha 1 pre vv
  • browser.os - trả lại tên ngắn của hệ thống hoạt động, giống như "cửa sổ", "macos", "cros", "unix", "linux", "ios", "android" hoặc "không rõ"
  • browser.osFull - trả lại tên đầy đủ của hệ thống hoạt động, như "Windows", "Mac OS X", "Cros", "Unix", "Linux", "iOS", "Android" hoặc "Unknown"
  • browser.osVersion - trả về chuỗi phiên bản hệ điều hành, như "7" cho Windows 7, "4.2" cho Android 4.2 vv
  • browser.device - trả lại tên ngắn cho thiết bị di động, như "iphone", "ipad", "ipod", "blackberry" hay "đốt"
  • browser.deviceFull - trả lại tên đầy đủ của các thiết bị di động, như "iPhone", "iPad", "iPod", "BlackBerry" hoặc "Kindle"
  • browser.supports.CSS_PROP - như browser.supports.opacity, browser.supports.gradient vv Chỉ tính được xác định trước được alowed ( "thuộc tính CSS thông thường" danh sách). Xin lưu ý rằng từ thứ hai phải được viết hoa như textShadow, borderRadius, boxSizing vv
  • browser.mode - Thu nhập "desktop", "viên thuốc" hay "điện thoại" theo chiều rộng hiện tại của cửa sổ
  • browser.orientation - trình duyệt định hướng cửa sổ như "cảnh quan" hay "chân dung"
  • browser.cookieEnabled - trả về true nếu cookie được bật trong trình duyệt
  • browser.flashEnabled - trả về true nếu Flash Player được cài đặt và kích hoạt trong trình duyệt
  • browser.javaEnabled - trả về true nếu JAVA được cài đặt và kích hoạt trong trình duyệt
  • browser.width() - trả về chiều rộng của trình duyệt
  • browser.height() - trả về chiều cao của các trình duyệt
  • browser.supports("css-prop") - xác định xem trình duyệt hỗ trợ các thuộc tính CSS.

Responsive Utilities

CSS / JS duyệt determiner cũng là hỗ trợ Utilites đáp ứng cơ bản cho phát triển điện thoại di động thân thiện nhanh hơn. Bạn có thể sử dụng bộ chọn CSS để xác định các máy tính để bàn, máy tính bảng hoặc điện thoại nền tảng. Nó có thể hữu ích nếu bạn cần hỗ trợ nhanh nhạy trong Internet Explorer 8 (hoặc ít hơn), mà không hỗ trợ CSS3 Truyền thông truy vấn.

Sống demo và tài liệu hướng dẫn đầy đủ

Changelog

Version 2.3 | 6 tháng 2 năm 2014
- Sửa lỗi nhỏ

Phiên bản 2.2 | ngày 15 tháng 12 năm 2013
- Phát hiện đèn flash cố định
- Sửa lỗi khác

Phiên bản 2.1 | 15 Tháng mười 2013
- Cố định phát hiện của Opera 15+, IE 11
- Switched trở lại "tức là" tài sản từ "MSIE" trong Javascript API (vì vậy bây giờ nó browser.ie )

Version 2.0.3 | 29 tháng 5 năm 2013
- Định hướng Live (phong cảnh, chân dung) cập nhật cho CSS

Version 2.0.2 | 24 tháng năm 2013
- Cố định phát hiện của các thiết bị di động

Version 2.0.1 | Tháng Năm 11, 2013
- Opera được di chuyển vào WebKit sớm, vì vậy bây giờ chúng ta đã sẵn sàng cho điều đó!
- Cố định một liên kết đến tài liệu (chuyển sang tên miền mới)

Phiên bản 2.0 | 23 tháng 1 năm 2013
- Tổng số làm lại almoust từ mặt đất lên
- Thậm chí mạnh mẽ hơn. Thêm hỗ trợ của các trình duyệt mới, hệ điều hành, động cơ bố trí, thiết bị và các tính năng khác
- Thuật toán phát hiện mới
- Bây giờ bạn có thể phát hiện các phiên bản của hệ điều hành và các công cụ bố trí với cả CSS và JavaScript
- Cập nhật các bản demo
- Công cụ kiểm tra mới được thêm vào (xem webcam preview)
- Thay thế tên trình duyệt Firefox từ ".mozilla" để ".firefox"
- Thay thế "tức là" tài sản để "MSIE" trong Javascript API (vì vậy bây giờ nó browser.msie )
- Thay thế Mac OS từ ".Mac" để ".macos"
- Các 4KB cùng (minified)!

Version 1.0.5 | 01 tháng một năm 2013
- Phát hiện chiều rộng cố định cửa sổ

Version 1.0.4 | ngày 28 tháng 12 năm 2012
- Added OS: win8, win7, vista, xp
- Phát hiện Added Retina hiển thị

Version 1.0.3 | 27 tháng 12 2012
- Hỗ trợ phát hiện Added iOS
- Cố định lỗi nghiêm trọng với các trình duyệt Safari
- Những thay đổi khác và sửa lỗi


Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo ra:
26 ngày 12 tháng 12

Cập nhật lần cuối ngày 23 tháng 6:
14

trình duyệt tương thích:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, tập tin bao gồm

Phần mềm Version:
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, Khác

Từ khóa

Thương mại điện tử, thương mại điện tử, All Items, trì, nh duyệt phá, t hiện, css, javascript, kịch bản, chọn, UserAgent