How to judge the mobile end access device and resolve the corresponding css_javascript technique

Copy Code code as follows:

Determining whether to run the environment for the mobile end
if (/applewebkit.*mobile/i.test (navigator.useragent) | | (/midp| symbianos| nokia| Samsung| Lg| nec| tcl| alcatel| bird| dbtel| dopod| philips| haier| lenovo| mot-| nokia| sonyericsson| sie-| amoi| Zte/.test (navigator.useragent))) {
if (Window.location.href.indexOf ("? mobile") <0) {
try{
if (/android|webos|iphone|ipod| Blackberry/i.test (navigator.useragent)) {
To determine the access environment is android|webos|iphone|ipod| The BlackBerry loads the following styles
Setactivestylesheet ("Style_mobile_a.css");
}
else if (/ipad/i.test (navigator.useragent)) {
To determine the access environment is the IPAD load the following style
Setactivestylesheet ("Style_mobile_ipad.css");
}
else{
To determine if the access environment is another mobile device, load the following style
Setactivestylesheet ("Style_mobile_other.css");
}
}
catch (e) {}
}
}
else{
If none of the above is true, load the following style
Setactivestylesheet ("Style_mobile_no.css");
}
Load the style after the judge finishes
function Setactivestylesheet (filename) {document.write ("<link href=" +filename+ "rel=stylesheet>");