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

این سبک وزن بوده (gzip شد 2kb یا 3،8kb minified) جاوا اسکریپت مرورگر آشکارساز است که می تواند در تمامی پروژه های وب خود استفاده می شود. این ایجاد شده برای کمک به شما برای ارسال CSS و یا کد جاوا اسکریپت برای هر مرورگر خاص، نسخه از مرورگر و یا فلان چیز در یک راه بسیار آسان است. تشخیص موتور طرح، OS، پشتیبانی از ویژگی های CSS و بیشتر.

این راه حل ضروری برای ساخت متقابل مرورگر و کراس پلت فرم وب سایت ها و وب سایت ها برنامه های کاربردی.

چگونه کار می کند؟ بسیار ساده. این فهرستی از کلاس با اطلاعات دقیق در مورد مرورگر، موتور طرح، OS، دستگاه و سپس آن را متصل به تگ <HTML>.

بر خلاف شناخته شده Modernizr، CSS / JS مرورگر تصمیم گیرنده عمدتا متمرکز بر روی ویژگی های مرورگر نمی شدند اما در مرورگر و دستگاه خود است. اما آن را نیز تعیین پشتیبانی از ویژگی های مشترک 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! 

مرورگر تشخیص با جاوا اسکریپت

 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 ، touchscreen (یا no-retina ، no-touchscreen )
    • cookie ، flash ، java (یا no-cookie ، no-flash ، no-java )

جاوا اسکریپت API

  • 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 - نام موتور طرح، مانند "WebKit ایجاد"، "مارمولک"، "نیزه سه شاخه"، "تند"، "KHTML" و یا "ناشناخته"
  • browser.LAYOUT_NAME - مانند browser.webkit، browser.gecko و غیره درست یا تعریف نشده
  • browser.layoutFull - نام کامل موتور طرح، مانند "WebKit ایجاد"، "مارمولک خانگی"، "نیزه سه شاخه"، "تند"، "KHTML" و یا "ناشناخته"
  • browser.layoutVersion - نسخه موتور طرح، مانند "533.1" برای WebKit ایجاد / 533.1، "18.0" برای مارمولک خانگی / 18.0، "18.0a1pre" برای مارمولک خانگی 18.0 آلفا 1 پیش و غیره
  • browser.os - بازگرداندن نام کوتاه از سیستم عامل، مانند "پنجره"، "از MacOS"، "کروس"، "یونیکس"، "لینوکس"، "IOS"، "اندیشه" و یا "ناشناخته"
  • browser.osFull - بازگرداندن نام کامل سیستم عامل، مانند "ویندوز"، "سیستم عامل مک X"، "کروس"، "یونیکس"، "لینوکس"، "سیستم عامل iOS"، "اندیشه" و یا "ناشناخته"
  • browser.osVersion - بازگرداندن رشته نسخه OS، مانند "7" برای ویندوز 7، "4.2" برای آندروید 4.2 و غیره
  • browser.device - بازگرداندن نام کوتاه از دستگاه تلفن همراه، مانند "آی فون"، "اپل"، "آی پاد"، "توت" و یا "روشن شدن"
  • browser.deviceFull - بازگرداندن نام کامل دستگاه تلفن همراه، مانند "آی فون"، "اپل"، "آی پاد"، "شاه توت" و یا "روشن شدن"
  • browser.supports.CSS_PROP - مانند browser.supports.opacity، browser.supports.gradient و غیره خواص فقط از پیش تعریف شده می alowed ( "خواص CSS مشترک" فهرست). لطفا توجه داشته باشید که کلمه دوم باید مثل سایه ی متن، borderRadius، boxSizing و غیره با حروف بزرگ
  • browser.mode - بازده "دسکتاپ"، "قرص" و یا "تلفن" با توجه به عرض فعلی پنجره
  • browser.orientation - پنجره مرورگر گرایش مانند "چشم انداز" و یا "پرتره"
  • browser.cookieEnabled - درست میشود اگر کوکی ها را در مرورگر خود فعال کنید
  • browser.flashEnabled - درست میشود اگر فلش پلیر نصب شده است و فعال شده در مرورگر
  • browser.javaEnabled - درست میشود اگر جاوا نصب شده و فعال در مرورگر
  • browser.width() - بازگرداندن عرض مرورگر
  • browser.height() - بازگرداندن ارتفاع از مرورگر
  • browser.supports("css-prop") - تعیین اینکه آیا مرورگر ویژگی CSS پشتیبانی می کند.

نرم افزار پاسخگو

CSS / JS مرورگر تصمیم گیرنده است همچنین از utilites عمومی پاسخگو برای توسعه تلفن همراه پسند سریعتر. شما می توانید انتخاب CSS برای تعیین دسکتاپ، قرص و یا پلت فرم تلفن استفاده کنید. این می تواند مفید باشد اگر شما نیاز به حمایت پاسخگو در اینترنت اکسپلورر 8 (یا کمتر)، که CSS3 رسانه نمایش داده شد پشتیبانی نمی کند.

نسخه ی نمایشی زنده و مستندات کامل

تغییرات

نسخه 2.3 | 2014 فوریه 6
- رفع اشکالات جزئی

نسخه 2.2 | 2013 دسامبر 15
- تشخیص فلش ثابت
- رفع اشکالات دیگر

نسخه 2.1 | 2013 اکتبر 15
- تشخیص ثابت اپرا 15+، IE 11
- از "msie" تغییر به "یعنی" ملک در API جاوا اسکریپت (بنابراین در حال حاضر آن را browser.ie )

نسخه 2.0.3 | 2013 مه 29
- گرایش زنده (چشم انداز، پرتره) به روز رسانی برای CSS

نسخه 2.0.2 | 2013 مه 24
- تشخیص ثابت دستگاه های تلفن همراه

نسخه 2.0.1 | 2013 مه 11
- اپرا در حال حرکت است به زودی WebKit ایجاد، بنابراین در حال حاضر ما برای این آماده!
- ثابت یک لینک به اسناد و مدارک (به یک دامنه جدید نقل مکان کرد)

نسخه 2.0 | 2013 ژانویه 23
- almoust بازسازی مجموع از زمین تا
- حتی قوی تر. اضافه شدن پشتیبانی از مرورگرهای جدید، سیستم عامل، موتور طرح، دستگاه ها و ویژگی های دیگر
- الگوریتم تشخیص جدید
- در حال حاضر شما می توانید نسخه ای از سیستم عامل و موتور طرح با هر دو CSS و جاوا اسکریپت تشخیص
- به روز دموی
- جدید ابزار تست اضافه (پیش نمایش زنده ببینید)
- جایگزین فایرفاکس نام مرورگر را از ".mozilla" به ".firefox"
- به جای "یعنی" اموال را به "msie" در API جاوا اسکریپت (بنابراین در حال حاضر آن را browser.msie )
- جایگزین سیستم عامل مک از "مک" به ".macos"
- همان 4KB (minified)!

نسخه 1.0.5 | 2013 ژانویه 1
- پنجره ثابت تشخیص عرض

نسخه 1.0.4 | 2012 دسامبر 28
- او OS: win8، WIN7، ویستا، ایکس پی
- تشخیص شبکیه چشم صفحه نمایش او

نسخه 1.0.3 | 2012 دسامبر 27
- پشتیبانی از تشخیص او در iOS
- اشکال حیاتی ثابت با مرورگرهای سافاری
- تغییرات دیگر و رفع اشکال


دانلود کنید
مولفه های دیگر در این دسته استتمام اجزای این کاربر
نظراتغالبا پرسش و پاسخ خواسته

خواص

ایجاد 26:
دسامبر 12، آخرین بروز رسانی

کلمات کلیدی

تجارت الکترونیک, تجارت الکترونیک, همه موارد, تشخیص مرورگر, CSS, جاوا اسکریپت, اسکریپت, انتخاب, userAgent