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

// Mobile Browser Detection
function detectMobileBrowser() {
    const userAgent = navigator.userAgent.toLowerCase();
    if (userAgent.includes("opera")) return "Opera";
    if (userAgent.includes("staroffice")) return "Star Office";
    if (userAgent.includes("webtv")) return "WebTV";
    if (userAgent.includes("beonex")) return "Beonex";
    if (userAgent.includes("chimera")) return "Chimera";
    if (userAgent.includes("netpositive")) return "NetPositive";
    if (userAgent.includes("phoenix")) return "Phoenix";
    if (userAgent.includes("firefox")) return "Firefox";
    if (userAgent.includes("safari")) return "Safari";
    if (userAgent.includes("skipstone")) return "SkipStone";
    if (userAgent.includes("msie")) return "Internet Explorer";
    if (userAgent.includes("netscape")) return "Netscape";
    if (userAgent.includes("mozilla/5.0")) return "Mozilla";
    if (userAgent.includes("/")) {
        if (!userAgent.startsWith("mozilla")) {
            return userAgent.substring(0, userAgent.indexOf("/"));
        } else {
            return "Netscape";
        }
    } else if (userAgent.includes(" ")) {
        return userAgent.substring(0, userAgent.indexOf(" "));
    } else {
        return userAgent;
    }
}

الأسئلة المتكررة (الأسئلة الشائعة) حول اكتشاف متصفح الهاتف المحمول

لماذا هو اكتشاف متصفح الهاتف المحمول؟

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

كيف تساعد JavaScript في اكتشاف متصفحات الهاتف المحمول؟

يستخدم JavaScript navigator.useragent ، والذي يوفر سلسلة تحتوي على معلومات المتصفح. يتم تحليل هذه السلسلة لتحديد متصفحات الهاتف المحمول. يمكن أيضًا استخدام تقنيات أخرى ، مثل التحقق من

هل يمكن لـ CSS اكتشاف متصفحات الهاتف المحمول؟

يمكن أن تكتشف استعلامات الوسائط CSS حجم الشاشة ، ولكن هذا لا يمكن الاعتماد عليه مثل JavaScript لتحديد نوع المتصفح المحدد. إنه أكثر فائدة لضبط التصميم من الوظيفة.

ما هي حدود الكشف عن متصفح الهاتف المحمول؟

يمكن معالجة سلاسل وكيل المستخدم ، وقد لا يتم التعرف على المتصفحات الجديدة على الفور. أيضًا ، تقوم أجهزة مثل الأجهزة اللوحية بتطهير الخطوط بين الأجهزة المحمولة وسطح المكتب.

كيف يمكنني اختبار رمز الكشف عن متصفحي المحمول؟

استخدم أدوات مطور المتصفح (مثل أدوات DevTools Chrome أو Firefox Developer) لمحاكاة مختلف الأجهزة وأحجام الشاشة ، وحتى سلاسل وكالة المستخدم المحاكاة ساخرة.

هل يمكنني اكتشاف متصفحات محمولة معينة (Safari ، Chrome)؟

نعم ،

navigator.useragent

يحتوي على معلومات خاصة بالمتصفح ، مما يتيح لك التحقق من متصفحات معينة.

كيف يمكنني التعامل مع متصفحات غير معروفة؟

استخدم الكشف عن الميزات والتعزيز التدريجي. يتحقق الكشف عن الميزات لميزات محددة ، في حين يوفر التحسين التدريجي وظائف أساسية عبر جميع المتصفحات ، مع إضافة تحسينات لأولئك الذين يدعمونها.

هل يمكن لغات خادم الكشف عن متصفحات الهاتف المحمول؟

نعم ، يمكن لغات مثل PHP أو .NET فحص سلسلة وكيل المستخدم في رأس طلب HTTP ، ولكن هذا أقل دقة من اكتشاف JavaScript من جانب العميل.

ما دور التعبيرات العادية؟

تساعد التعبيرات العادية في مطابقة سلسلة وكيل المستخدم ضد أنماط متصفحات الهاتف المحمول المعروفة ، مما يؤدي إلى تحسين دقة الكشف.

هل يمكنني استخدام المكتبات أو المكونات الإضافية؟

نعم ، تقوم العديد من المكتبات والمكونات الإضافية بتبسيط اكتشاف متصفح الهاتف المحمول ، مما يوفر قوائم سلسلة وكالة مستخدم أكثر شمولاً. ومع ذلك ، يضيفون تبعيات.