通过PHP以及JavaScript来判断来访设备,制作响应式网页,减少不必要的加载。
PHP方法
PHP方法这里就是说的WordPress,由于WordPress只带了一个wp_is_mobile函数,所以就扩充下好了
<?php //通过UA判断来访设备 function _wp_is_mobile() { if ( function_exists( 'wp_is_mobile' ) ) return wp_is_mobile(); //code from wp_is_mobile function, wp_is_mobile() is located in wp-includes/vars.php version 3.4 static $is_mobile; if ( isset($is_mobile) ) return $is_mobile; if ( empty($_SERVER['HTTP_USER_AGENT']) ) { $is_mobile = false; } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false // many mobile devices (all iPhone, iPad, etc.) || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false ) { $is_mobile = true; } else { $is_mobile = false; } return $is_mobile; } ?>
使用方法
if ( _wp_is_mobile() ){ //do mobile stuff here }
JavaScript方法
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry| WebOS|Symbian|Windows Phone|Phone)/i))) { location.replace("http://m.helloweba.com") }else{ document.write("请使用手机访问."); }
简单吧
版权声明
JavaScript部分代码来自:http://www.helloweba.com/view-blog-240.html
-- 完 --