检测浏览器类型并应用相关样式

Question

I've built a “in-house” web application for my company mainly using PHP/MySQL that’s in use in a few departments in my company.

I styled the site (I suppose naively) so that it would work well and look good using Chrome and Firefox. Until recently this wasn’t a problem as everyone using it was using those browsers.

However, a new department has been added to the list of users and they all use an old version of IE and they don’t have permissions to upgrade or install any software on their own machines. I found one or two issues but not many as a result.

I want to be able to detect what browser someone is using and apply a particular styling accordingly.

I'm not the best at JavaScript but I suppose that would be how it's done? But how?

Answer 1

You may be looking for something like:

    var navigator = function (){
        var ua= navigator.userAgent, tem, 
        M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*([\d\.]+)/i) || [];
        if(/trident/i.test(M[1])){
            tem=  /\brv[ :]+(\d+(\.\d+)?)/g.exec(ua) || [];
            return 'IE '+(tem[1] || '');
        }
        M= M[2]? [M[1], M[2]]:[navigator.appName, navigator.appVersion, '-?'];
        if((tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
        return M.join(' ');
    };
//usage
//IE < 10
        if(navigator()[0] == "I" && navigator().match(/\d+/) < 10){
            alert('You are using '+navigator+'.Please update to version >= 10');
        }