أربعة طرق يجب أن تعرفها لتحديد نوع المستخدم من خلال JS

مقدمة

عندما نكتب التخطيط التفاعلي، يجب أن نفكر دائمًا في ما إذا كان الجهاز المحمول، بناءً على هذا، قمنا بتلخيص 4 طرق لتحديد ما إذا كان العملاء ios أو android. نشاركها معكم للاستفادة والتعلم، والآن دعونا نرى الشرح التفصيلي مع الكاتب.

الطريقة كالتالي:

1. النوع الأول: من خلال التحقق من.userAgent للمتصفح، باستخدام النمط النصي للتحقق من ما إذا كان العملاء ios وAndroid.

مستخدم Agency اسمه المترجم بالصينية البسيطة هو وكيل المستخدم، هو جزء من Http Protocol، وهو جزء من جزء الرأس، ويُشار إليه أيضًا باسم UA. إنه رأس خاص يتكون من سلسلة من الأحرف، وهو علامة تشير إلى نوع المتصفح وأصدار المتصفح، ونظام التشغيل وأصدار النظام، ووحدة معالجة المتصفح، وما إلى ذلك. من خلال هذه العلامة، يمكن للمنصة التي يزورها المستخدم عرض تنسيقات مختلفة لتحسين تجربة المستخدم أو إجراء إحصاءات المعلومات؛ على سبيل المثال، استخدم الهاتف الذكي لزيارة غوغل واستخدام الكمبيوتر لزيارة غوغل ليس نفس الشئ، ويجب أن يقرر غوغل ذلك بناءً على UA للمستخدم. يمكن التلاعب بـ UA.

النموذج القياسي للسلسلة الخاصة بـUA لل浏览器: علامة التبويب (علامة التبويب للنظام التشغيل; علامة التبويب لمستوى التشفير; لغة المتصفح) علامة التبويب الخاصة بمحرك التطبيق و نسخته. ولكن يختلف بين المتصفحات المختلفة.

كود كما يلي:

<script type="text/javascript">
 var u = navigator.userAgent;
 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
 alert('是否是Android：'+isAndroid);
 alert('是否是iOS：'+isiOS);
</script>

2. 第二种：检查是否是移动端（Mobile）、ipad、iphone、微信、QQ等。

2.1 代码如下:

<script type="text/javascript">
//判断访问终端
var browser={
 versions:function(){
  var u = navigator.userAgent; 
   app = navigator.appVersion;
  return {
   trident: u.indexOf('Trident') > -1, //IE内核
   presto: u.indexOf('Presto') > -1, //opera内核
   webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
   mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
   android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
   iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
   iPad: u.indexOf('iPad') > -1, //是否iPad
   webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
   weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
   qq: u.match(/\sQQ/i) == " qq" //是否QQ
  };
 }(),
 language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
</script>

2.2 使用方法

/判断是否IE内核
if(browser.versions.trident){ alert("is IE"); }
//判断是否webKit内核
if(browser.versions.webKit){ alert("is webKit"); }
//判断是否移动端
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }

2.3 检测浏览器语言

currentLang = navigator.language; //判断除IE外其他浏览器使用语言
if(!currentLang){//判断IE浏览器使用语言
currentLang = navigator.browserLanguage;
}
alert(currentLang);

3. 判断iPhone|iPad|iPod|iOS|Android客户端

كود كما يلي:

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //�断iPhone|iPad|iPod|iOS
 //alert(navigator.userAgent); 
 window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) { // تحديد ما إذا كان Android
 //alert(navigator.userAgent); 
 window.location.href ="Android.html";
} else { // كمبيوتر
 window.location.href ="pc.html";
};

4. تحديد ما إذا كان جهاز الكمبيوتر أم الهاتف المحمول

كود كما يلي:

<script>
　　// تحديد ما إذا كان زيارة من هاتف محمول
 var userAgentInfo = navigator.userAgent.toLowerCase();
 var Agents = ["android", "iphone",
    "symbianos", "windows phone",
    "ipad", "ipod"]
 var ly=document.referrer; // عنوان العنوان الذي تم التوجيه إليه من خلال هذا العنوان
 for (var v = 0; v < Agents.length; v++) {
  if (userAgentInfo.indexOf(Agents[v]) >= 0&&(ly==""||ly==null)) {
   this.location.href='http://m.***.com'; // عنوان الـ wap
  }
 }
</script>

5. كود القفز الشائع

المصدر الكود

<script type="text/javascript">
 // borwserRedirect
 (function browserRedirect(){
  var sUserAgent = navigator.userAgent.toLowerCase();
  var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
  var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
  var bIsMidp = sUserAgent.match(/midp/i) == 'midp';
  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
  var bIsUc = sUserAgent.match(/ucweb/i) == 'web';
  var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
  var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
  var bIsAndroid = sUserAgent.match(/android/i) == 'android';
  var pathname = location.pathname
  إذا (bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid){
  window.location.href = 'http://m.geekjc.com'+pathname; // عنوان الموقع الخاص بالهاتف المحمول
  }
 })();
 </script>

النهاية

هذا هو نهاية محتوى هذا المقال، نأمل أن يكون محتوى هذا المقال له قيمة مرجعية لتعلمكم أو عملكم، إذا كان لديكم أي أسئلة، يمكنكم ترك تعليقات للتفاعل، شكراً لدعمكم لتعليم呐喊.

البيان: محتويات هذا المقال تم جمعها من الإنترنت، وتعود حقوق الملكية إلى المالك الأصلي، وقد تم جمع المحتويات بواسطة المستخدمين عبر الإنترنت بشكل تلقائي، ويستخدم هذا الموقع المحتويات دون امتلاك حقوق الملكية، ولا يتم تعديل المحتويات بشكل يدوي، ولا يتحمل الموقع أي مسؤولية قانونية. إذا كنت قد وجدت محتوى يشتبه في انتهاك حقوق النسخ، فالرجاء إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال '#' بـ '@') لإبلاغنا، وقدم الدليل على الدليل، وإذا تم التحقق من صحة المعلومات، سيتم حذف المحتوى المزعوم فوراً.