如何使用userAgent检测移动设备
How to Use userAgent to detect mobile device
有人能帮我吗。
我想检测设备,如Iphone,BB,andriod和浏览器应用他们的特定css,使其液化或调整到他们的分辨率。
当涉及到移动浏览器时,andriod和Iphone是否存在分辨率差异或css问题,因为我计划为这两个浏览器使用相同的css,因为我知道他们默认使用相同的浏览器safari。
以下是javascript中的一个示例:
var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);
if (isMobile) {
// User-Agent is IPhone, IPod, IPad, Android or BlackBerry
}
要检查特定的用户代理字符串,可以执行以下操作:
if (navigator.userAgent.match(/iPhone/)) {
// The User-Agent is iPhone
}
尝试使用http://www.php.net/get_browser并检查CCD_ 1字段。当然,只有在php.ini中设置了browscap.ini
的路径时,它才有帮助https://github.com/garetjax/phpbrowscap
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<meta http-equiv="cleartype" content="on" />
use this code on your website under <header> tag.
这是移动设备检测的代码。
function isMobile() {
// Check the server headers to see if they're mobile friendly
if(isset($_SERVER["HTTP_X_WAP_PROFILE"])) {
return true;
}
// If the http_accept header supports wap then it's a mobile too
if(preg_match("/wap'.|'.wap/i",$_SERVER["HTTP_ACCEPT"])) {
return true;
}
// Still no luck? Let's have a look at the user agent on the browser. If it contains
// any of the following, it's probably a mobile device. Kappow!
if(isset($_SERVER["HTTP_USER_AGENT"])){
$user_agents = array("midp", "j2me", "avantg", "docomo", "novarra", "palmos", "palmsource", "240x320", "opwv", "chtml", "pda", "windows' ce", "mmp'/", "blackberry", "mib'/", "symbian", "wireless", "nokia", "hand", "mobi", "phone", "cdm", "up'.b", "audio", "SIE'-", "SEC'-", "samsung", "HTC", "mot'-", "mitsu", "sagem", "sony", "alcatel", "lg", "erics", "vx", "NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch", "rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi", "bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo", "sgh", "gradi", "jb", "'d'd'di", "moto");
foreach($user_agents as $user_string){
if(preg_match("/".$user_string."/i",$_SERVER["HTTP_USER_AGENT"])) {
return true;
}
}
}
// Let's NOT return "mobile" if it's an iPhone, because the iPhone can render normal pages quite well.
if(preg_match("/iphone/i",$_SERVER["HTTP_USER_AGENT"])) {
return false;
}
// None of the above? Then it's probably not a mobile device.
return false;
}
if (isMobile()) {
header("location:$mobile");
// if the function returned true, it's a mobile.
//echo "mobile"; // delete this line in your code, and uncomment the next line
// header('Location: http://www.yoursite.mobi/'); // let's redirect the page to the mobile site
}
希望这对你有帮助。
我使用这个:
$mobile= stripos( $_SERVER['HTTP_USER_AGENT'], 'mob');
它几乎每次都有效。
Javascript
var mobile= navigator.userAgent.toLowerCase().indexOf( 'mob');
-如果不是移动的,则为1;如果移动
看看这里:http://www.zytrax.com/tech/web/mobile_ids.html在这里:http://www.mobile-phone-specs.com/user-agent-browser/0/
这里有几乎所有用户代理字符串的列表。.
您可以使用CSS媒体查询来识别不同的设备(实际上是不同的设备功能,如设备宽度、dpi等)
对于CSS,你可以有不同的选择,比如为每种类型的设备提供单独的CSS,或者有一个流动的设计,这意味着对不同的设备大小使用相同的CSS比例。第二种方法设计起来有点复杂,但从未来可能出现的新设备来看要灵活得多。。
<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb'd+|meego).+mobile|avantgo|bada'/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)'/|plucker|pocket|psp|series(4|6)0|symbian|treo|up'.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s'-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|'-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw'-(n|u)|c55'/|capi|ccwa|cdm'-|cell|chtm|cldc|cmd'-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc'-s|devi|dica|dmob|do(c|p)o|ds(12|'-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly('-|_)|g1 u|g560|gene|gf'-5|g'-mo|go('.w|od)|gr(ad|un)|haie|hcit|hd'-(m|p|t)|hei'-|hi(pt|ta)|hp( i|ip)|hs'-c|ht(c('-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i'-(20|go|ma)|i230|iac( |'-|'/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |'/)|klon|kpt |kwc'-|kyo(c|k)|le(no|xi)|lg( g|'/(k|l|u)|50|54|'-[a-w])|libw|lynx|m1'-w|m3ga|m50'/|ma(te|ui|xo)|mc(01|21|ca)|m'-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t('-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)'-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|'-([1-8]|c))|phil|pire|pl(ay|uc)|pn'-2|po(ck|rt|se)|prox|psio|pt'-g|qa'-a|qc(07|12|21|32|60|'-[2-7]|i'-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55'/|sa(ge|ma|mm|ms|ny|va)|sc(01|h'-|oo|p'-)|sdk'/|se(c('-|0|1)|47|mc|nd|ri)|sgh'-|shar|sie('-|m)|sk'-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h'-|v'-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl'-|tdg'-|tel(i|m)|tim'-|t'-mo|to(pl|sh)|ts(70|m'-|m3|m5)|tx'-9|up('.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|'-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c('-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas'-|your|zeto|zte'-/i',substr($useragent,0,4)))
header('Location: http://detectmobilebrowser.com/mobile');
?>
相关文章:
- 检测非移动页面上的移动设备屏幕宽度和高度
- 如何在不检查HTTP标头的情况下检测移动浏览器
- 使用Modernizr检测移动设备最可靠的方法是什么
- 在用户关闭/更改移动浏览器选项卡之前进行检测
- 如何在启动mouseup时检测鼠标是否在移动
- 检测移动浏览器名称和版本
- 如何检测用户是否移动了滚动条
- 检测通过移动 Safari 中的 JavaScript 关闭浏览器选项卡
- JavaScript:检测移动嵌入式浏览器(强制门户)
- 如何检测移动到其他域页面
- 如何检测Facebook Javascript SDK'的移动iframe
- 检测iOS移动设备的JavaScript比自动播放音频
- 移动检测失败
- 移动检测/重定向与用户决策通过jQuery UI对话框
- Javascript移动检测
- 如何在用户请求时禁用移动检测(JavaScript)
- Div id显示仅在移动检测结果没有使用javascript
- 2个不同平台之间的移动检测
- wordpress移动检测加载特定的JS
- JavaScript桌面或移动检测