JavaScript هي اللغة الرئيسية للتطوير الأمامي. هناك عمومًا طريقتان للحكم على أنواع المتصفح في JavaScript. تحلل هذه المقالة خصائص المستخدم الخاص بالمتصفح ويعطي طريقة للحكم:
سلسلة متصفح نظام التشغيل Windows:
سلسلة متصفح IE:
الخصائص: تبدأ جميعها بـ "Mozilla/" و X في "MSIE X.0 ؛" يمثل نسخته ؛
طريقة الحكم: يمكنك فقط البحث عن "MSIE X.0"
Firefox للنوافذ:
الميزات: ابدأ بـ "Mozilla/X.0" ، بما في ذلك "Windows NT" و "Gecko/" و "Firefox/" ؛
طريقة الحكم: للحكم القاسي ، يمكنك فقط استرداد السلاسل "Firefox/" و "Windows NT". Firefox/"؛
Chrome لنظام التشغيل Windows:
الميزات: ابدأ بـ "Mozilla/X.0" ، بما في ذلك "Windows NT" ، "Chrome/" ، وتشمل أيضًا "AppleWebkit/" ، "Safari/" ؛
طريقة الحكم: تحكم تقريبًا ، يمكنك فقط البحث عن "Windows NT" و "Chrome/" Crotings ، and Strictly ، يمكنك البحث عن "Mozilla/" ، "Windows NT" ، "AppleWebkit/" ، "Safari/" ، "Chrome /"5 سلاسل ؛
أوبرا لنظام التشغيل Windows:
الخصائص: ابدأ بـ "Opera/" ويحتوي على "Windows NT" ، "Presto/" Strings ؛
طريقة الحكم: تحكم تقريبًا فقط على البحث عن "Windows NT" و "Opera/" Opera ، والحكم الصارم على البحث عن "Opera/" و "Windows NT" و "Presto/" في نفس الوقت ؛
Safari لنظام التشغيل Windows:
الخصائص: ابدأ بـ "Mozilla/" واحتوت "Windows NT" ، "AppleWebkit/" ، "Safari/" ؛
طريقة الحكم: يمكنك البحث عن "Windows NT" ، "Safari/" وليس "Chrome/". /"لكن" Chrome/"لم يتم تضمينه ؛
ملخص: يحتوي مستخدم المستعرض على نظام تشغيل Windows على سلسلة "Windows NT" لتمثيل نظام تشغيل Windows.
سلسلة متصفح منصة iPhone:
يأتي iPhone مع Safari:
الخصائص: بدءًا من "Mozilla/" ، يحتوي على سلسلة "iPhone" ، ويحتوي أيضًا على سلسلة "Mobile/" ، "Safari/" ؛
طريقة الحكم: الحكم تقريبًا على البحث عن "iPhone" و "Safari/" Strings.
Opera Mobile for iPhone:
الخصائص: بدءًا من "Opera/" ، يحتوي على سلسلة "iPhone" ، ويحتوي أيضًا على "Opera mini/" ، "Presto/" String ؛
طريقة الحكم: يجب على القضاة تقريبًا البحث عن "iPhone" و "Opera/" Opera/".
ملخص: يحتوي مستخدم المستعرض على هواتف iPhone على سلسلة "iPhone"
سلسلة متصفح منصة Android:
يأتي Android مع متصفح (يقول بعض الأشخاص إنه مجرد كروم ، لكن Google لا تدلي بأي عبارات وتطور كروم للهاتف الذي يعمل على Android):
الخصائص: بدءًا من "Mozilla/" ، يحتوي على "سلاسل Android" و "Linux" ، ويحتوي أيضًا على "applewebkit/" ، "Safari/" Mobile Safari/"؛
طريقة الحكم: لأنني لا أعرف ما إذا كان سيكون هناك سفاري مستقل على Android في المستقبل (أعتقد أنه لن يفعل) ، يوصى بإصدار أحكام صارمة مباشرة والبحث عن "Mozilla/" ، "Android" ، "،" Linux "،" AppleWebkit/"،" Safari Mobile/"Five Strings
أوبرا موبايل لنظام Android:
الخصائص: بدءًا من "Opera/" ، يحتوي على "سلاسل Android" و "Linux" ، ويحتوي أيضًا على "Opera Mobi/" ، "Presto/" Strings ؛
طريقة الحكم: يجب على الحكم تقريبًا عمليات البحث "Android" و "Opera/" ، ويجب على القضاة الصارم تضمين كلا من "الأوبرا/" ، "Android" ، "Linux" ، "Opera Mobi/" ، "Presto/" Five Strings
Firefox for Android:
الخصائص: بدءًا من "Mozilla/" ، يحتوي على "Android" و "Linux" ، وأيضًا يحتوي على "Firefox/" ، "Gecko/" ، "Fennec/" STRINGS ؛
طريقة الحكم: يجب على الحكم تقريبا عمليات البحث "Android" و "Firefox/" ، و Strictly القضاة يجب أن يتضمن كل من "Mozilla/" ، "Android" ، "Linux" ، "Firefox/" ، "Gecko/" ، "Fennec/" Six سلسلة
ملخص: يحتوي مستخدم المستعرض على نظام Android على سلاسل "Android" و "Linux"
تم تقدير التحليل أعلاه لمتصفحات السائدة في المنصات الرئيسية الثلاثة في Windows و iPhone و Android بشكل أساسي. كن مشابهًا لمنصة iPhone ، لذلك في الوقت الحالي ، لن أقوم بالتحليل في الوقت الحالي ، لأنه ليس لدي الكثير من الأجهزة وأنظمة التشغيل للاختبار ، آمل أن أتمكن من تعويضها في المستقبل.
تختلف متطلبات تطوير منتجات الموقع الحالية عن السابق ، لأنها لا تحتاج فقط إلى تلبية تصفح الكمبيوتر ، ولكنها تحتاج أيضًا إلى تلبية الهواتف الذكية للمستخدمين (هنا نشير فقط إلى الهواتف الذكية الحقيقية مثل iPhone و Android و Windows Phone و Niches مثل Blackberry و Palm ، لا يعتبر نظام شبه ذكي في الوقت الحالي. الحكم على معدات المستخدم بناءً على مستخدم المستعرض.
1. إذا كنت بحاجة إلى الحكم على نظام التشغيل ، فإن الطريقة بسيطة نسبيًا.
يحتوي على "Windows NT": من الواضح أن رقم الإصدار بعد NT يمكنه تحديد إصدار نظام التشغيل ؛
الأنظمة التي تحتوي على "MAC": Apple من Mac OS X أو غيرها من نواة Mac OS ؛
يحتوي على "iPhone": حصريًا لهواتف Apple iPhone ، ويجب أن يحتوي أيضًا على "MAC" بشكل عام ؛
يحتوي على "iPad": Apple iPad Tablet (تظهر المعلومات أن مستخدم Browser Browser يحتوي أيضًا على "MAC" ، "iPhone" ، "iPad") ؛
يحتوي على "Linux": نظام التشغيل Linux أو نظام تشغيل آخر مع Linux مثل kernel ؛
يحتوي على "Android": قد يكون نظام تشغيل Android من Google هاتفًا ذكيًا أو إصدارًا من Android من الجهاز اللوحي.
أنه يحتوي على واحد من نظام UNIX: ولكن في الواقع ، فإن مشكلات تجربة المستخدم في هذا النظام غير ضرورية تقريبًا ؛
Linux يحتوي على "Ubuntu": إصدار مخصص Ubuntu
...
لقد رأيت أيضًا أن الحكم على نظام التشغيل وإصداره ليس مفيدًا دائمًا ، ولكن هناك دائمًا أماكن يمكن استخدامها ، مثل تطوير الصفحات التي تستهدف دقة الشاشة على وجه التحديد للأجهزة مثل iPhone و iPad و Android ، إلخ.
2. ليس من الصعب الحكم على نواة المتصفح.
أي (trident) kernel (أي لـ Mac ، IES4linux ، وما إلى ذلك ، فكر فقط في Windows): ابدأ بـ "Mozilla/" ويحتوي على "Windows NT" و "MSIE" ؛
Firefox (Gecko) kernel: ابدأ بـ "Mozilla/" ، يحتوي على "Firefox/" و "Gecko/" ، من بينها أن إصدار Android يحتوي أيضًا على سلسلة "Fennec/" ؛
Opera () kernel: يبدأ بـ "Opera/" ويحتوي على "String/" String ، وإصدار iPhone يحتوي أيضًا على "Opera mini/" ، كما أن إصدار Android يحتوي أيضًا على "Opera mobi/" ؛
Webkit kernel: ابدأ بـ "Mozilla/" ، يحتوي على سلاسل "AppleWebkit/" و "Safari/" ، ومستعرض Chrome مع "Chrome/" هو واحد بدون Safari أو غيرها ؛
ما سبق هو نواة المتصفح الرئيسية
إن kernel المتصفح هي المشكلة الرئيسية في حل التوافق بطبيعة الحال ، فإن نفس kernel يجعل النتائج على أجهزة مختلفة مثل الهواتف الذكية وأجهزة الكمبيوتر ، وهذا يجب الاهتمام به أيضًا.
3. أمثلة على التطبيق الفعلي للمتصفح useagent:
إن حبات المتصفح المختلفة لها تأثيرات مختلفة على الصفحات.
لا يقوم المستخدمون بالوصول إلى مواقع أجهزة الكمبيوتر فقط. الجهاز اللوحي على ما يرام ، فإن الشاشة لديها دقة كبيرة وعالية. هل انت على حق؟ بعد كل شيء ، من غير المريح للغاية مشاهدة صفحات الويب من خلال التكبير المحلي والسحب. تسريع الوصول
قم بتحليل حركة مرور الزوار ، وتحسين وتصميم موقع الويب الخاص بك من خلال الحكم على نوع متصفح العملاء وتسجيل عدد العملاء لتحسين تجربة عملائهم بشكل منفصل
نسخة الكود كما يلي:
<script type = "text/javaScript">
var sys = {} ؛
var ua = navigator.useragent.toLowerCase () ؛
var s ؛
(s = ua.match (/msie ([/d./2010)/)؟
(s = ua.match (/firefox // ([/d.]+)/))؟
(s = ua.match (/chrome // ([/d.]+)/))؟
(s = ua.match (/opera. ([/d.]+)/))؟
(s = ua.match (/version // ([/d.]+).*Safari/))؟
// الاختبارات التالية
if (sys.ie) document.write (ie: ' + sys.ie) ؛
if (sys.firefox) document.write ('firefox:' + sys.firefox) ؛
if (sys.Chrome) document.write ('Chrome:' + sys.Chrome) ؛
if (sys.opera) document.write ('Opera:' + sys.opera) ؛
if (sys.safari) document.write ('Safari:' + sys.safari) ؛
</script>
أو:
طرق للكشف عن المتصفحات في رمز مصدر محرر المصدر المفتوح من KindeDitor:
ke = {} ؛
ke.browser = (function () {
var ua = navigator.useragent.toLowerCase () ؛
يعود {
الإصدار: ua.match (/(msie | firefox | webkit | opera) [//:/s] (/d+)/)؟
IE: (ua.indexof ("msie")> -1 && ua.indexof ("Opera") == -1) ،
gecko: (ua.indexof ("gecko")> -1 && ua.indexof ("khtml") == -1) ،
WebKit: (ua.indexof ("AppleWebkit")> -1) ،
أوبرا: (ua.indexof ("Opera")> -1)
} ؛
}) () ؛