JavaScript to determine the mobile-end access device and parse the corresponding CSS method _javascript tips

This article describes the JavaScript to determine the mobile terminal access device and resolve the corresponding CSS method. Share to everyone for your reference. The specific analysis is as follows:

JavaScript to determine the different Web Access environment, mainly for mobile devices, provide a corresponding resolution scheme (to judge the device code directly copy Tencent Network):

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>");

Load page:

Copy Code code as follows:

<script type= "Text/javascript" >
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)) {
window.location.href= "Mobile page";
}else if (/ipad/i.test (navigator.useragent)) {
window.location.href= "Flat page";
}else{
Window.location.href= "Other Moving end pages"
}
}catch (e) {}
}
}
</script>

I hope this article will help you with your JavaScript programming.