شناسایی مرورگر کاربر و طراحی قالب اختصاصی برای مرورگر

شناسایی مرورگر کاربر و طراحی قالب اختصاصی برای مرورگر

اینکه کاربران طبق سلیقه خود از مرورگر های مختلفی استفاده میکنند شکی نیست و امروز به شما آموزش میدهیم که وقتی کاربری با مرورگر کروم وارد سایت شده کلس body ما تغییر کند و کد های مورد نظر ما اجرا شود و همینطور برای سایر مرورگر ها این اتفاق بیفتد . این یک کار حرفه ای میباشد و اندک سایت های وردپرس این کار را انجام میدهند.

توابع ما بصورت زیر میباشند:

is_gecko();
is_opera();
is_NS4();
is_safari();
is_chrome();
is_IE();
is_iphone();
is_lynx();

افزودن کلس دلخواه به تگ Body در مرورگرهای مختلف :

add_filter('body_class','a4fran3_browser_body_class');
function a4fran3_browser_body_class($classes) {
        global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
        if($is_lynx) $classes[] = 'lynx';
        elseif($is_gecko) $classes[] = 'gecko';
        elseif($is_opera) $classes[] = 'opera';
        elseif($is_NS4) $classes[] = 'ns4';
        elseif($is_safari) $classes[] = 'safari';
        elseif($is_chrome) $classes[] = 'chrome';
        elseif($is_IE) $classes[] = 'ie';
        else $classes[] = 'unknown';
        if($is_iphone) $classes[] = 'iphone';
        return $classes;
}

کد بالا بصورتی میباشد که اگر کاربری با مرورگر کروم وارد سایت شده باشد کلس chrome به Body اضافه خواهد شد. شما میتوانید با توجه به کلس مورد نظر خود استایل های متفاوتی برای هر مرورگر بنویسید