Detect Symbian OS devices with Javascript or CSS

Question

I'm trying to optimize a website for Symbian OS, and I'm using media queries, however, Symbian OS doesn't recognize them, so I was wondering is there a way to detect if I'm viewing website from Symbian device and load specific CSS for it?

Answer 1

JavaScript:

if (/SymbianOS/.test(window.navigator.userAgent)) {
    // Symbian OS specific code here
}

PHP:

if (preg_match('/SymbianOS/', $_SERVER['HTTP_USER_AGENT'])) {
    echo '<link rel="stylesheet" type="text/css" href="symbian.css" />';
}

Answer 2

I haven't tried it, but this could work. It enables media queries in browsers that don't support them natively.

https://github.com/scottjehl/Respond