JS 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 mobile end pages
}
}catch (e) {}
}
}
</script>
