响应式布局的JavaScript代码
这是一个简单的JavaScript代码片段,用于检测用户设备的类型并根据其类型进行相应的处理。如果用户的设备是移动设备(包括Android、Windows Phone、webOS、iPhone、iPod或BlackBerry),并且当前的URL不是以”?mobile”开头,那么将重定向到”/m/“。如果是iPad,则不进行任何操作。否则,将执行其他未知类型的设备处理。
if(window.location.toString().indexOf('pref=padindex') != -1){}else{
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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href="/m/";
}else if(/iPad/i.test(navigator.userAgent)){}else{
}
}catch(e){}
}
}
}
这段代码可以应用于需要进行移动端适配的网站,通过判断用户的设备类型来提供不同的页面体验。对于移动设备用户,他们可以直接访问”/m/“路径下的页面;而对于非移动设备用户,可以根据具体的业务需求进行相应的处理和设计。