检测iPhone浏览器

Question

是否有一个脚本可以检测，如果访问者使用iphone（无论是浏览器，可能是iphone Safari，iPhone for Opera等）？

然后将关闭我的一些JavaScript。

谢谢...

Answer 1

在网上搜索有两种常见的方法来实现这一点。 我最喜欢的是PHP，它只是如此干净？ 哇。 ：d

在PHP中你可以写

<?php

function isIphone($user_agent=NULL) {
    if(!isset($user_agent)) {
        $user_agent = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';
    }
    return (strpos($user_agent, 'iPhone') !== FALSE);
}

if(isIphone()) {
    header('Location: http://www.yourwebsite.com/phone');
    exit();
}

// ...THE REST OF YOUR CODE HERE

?>

在javascript中你可以写

var agent = navigator.userAgent;
var isIphone = ((agent.indexOf('iPhone') != -1) || (agent.indexOf('iPod') != -1)) ;
if (isIphone) {
    window.location.href = 'http://www.yourwebsite.com/phone';
}

希望有所帮助。

PK

Answer 2

传统观点认为iOS设备具有Safari的用户代理和UIWebView的用户代理。 这个假设不正确，因为iOS应用可以并且确实定制了他们的用户代理。 这里的主要罪犯是Facebook。

比较来自iOS设备的这些用户代理字符串：

# iOS Safari
iPad: Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B176 Safari/7534.48.3
iPhone: Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3

# UIWebView
iPad: Mozilla/5.0 (iPad; CPU OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/98176
iPhone: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Mobile/8B117

# Facebook UIWebView
iPad: Mozilla/5.0 (iPad; U; CPU iPhone OS 5_1_1 like Mac OS X; en_US) AppleWebKit (KHTML, like Gecko) Mobile [FBAN/FBForIPhone;FBAV/4.1.1;FBBV/4110.0;FBDV/iPad2,1;FBMD/iPad;FBSN/iPhone OS;FBSV/5.1.1;FBSS/1; FBCR/;FBID/tablet;FBLC/en_US;FBSF/1.0]
iPhone: Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; ru_RU) AppleWebKit (KHTML, like Gecko) Mobile [FBAN/FBForIPhone;FBAV/4.1;FBBV/4100.0;FBDV/iPhone3,1;FBMD/iPhone;FBSN/iPhone OS;FBSV/5.1.1;FBSS/2; tablet;FBLC/en_US]

请注意，在iPad上，Facebook UIWebView的用户代理字符串包含“iPhone”。

在JavaScript中识别iPhone的旧方法：

IS_IPHONE = navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null);

如果你采用这种方法来检测iPhone，那么如果用户来自iPad上的Facebook，你最终会得到IS_IPHONE。 这可能会造成一些奇怪的行为！

在JavaScript中识别iPhone的正确方法：

IS_IPAD = navigator.userAgent.match(/iPad/i) != null;
IS_IPHONE = (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null);
if (IS_IPAD) {
  IS_IPHONE = false;
}

我们在iPad上声明IS_IPHONE为假，以覆盖奇怪的Facebook UIWebView iPad用户代理。 这是用户代理嗅探不可靠的一个示例。 定制用户代理的iOS应用程序越多，用户代理嗅探的问题就越多。 如果您可以避免用户代理嗅探（提示：CSS媒体查询），请执行IT。

Answer 3

//Detect special conditions devices
$iPod    = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone  = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad    = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
$Android = stripos($_SERVER['HTTP_USER_AGENT'],"Android");
$webOS   = stripos($_SERVER['HTTP_USER_AGENT'],"webOS");

//do something with this information
if( $iPod || $iPhone ){
    //browser reported as an iPhone/iPod touch -- do something here
}else if($iPad){
    //browser reported as an iPad -- do something here
}else if($Android){
    //browser reported as an Android device -- do something here
}else if($webOS){
    //browser reported as a webOS device -- do something here
}

Answer 4

<script language="javascript" type="text/javascript"> 
    //This redirects iPhone users to the iPhone-friendly site
    if ((navigator.userAgent.indexOf('iPhone') != -1) ||
    (navigator.userAgent.indexOf('iPod') != -1)) {
        document.location = "http://i.yoursite.com";
    }

此脚本在userAgent中检查iPhone或iPod，然后执行操作。 试一试。

Answer 5

虽然我喜欢这里的答案，但我认为最好使用以下内容......

http://www.htaccesstools.com/articles/detect-and-redirect-iphone/

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteRule .* http://iphone.example.com/ [R]

要么

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteCond %{REQUEST_URI} !^/my-iPhone-site/
RewriteRule .* /my-iPhone-site/ [R]

这是一个.htaccess替代方案，这意味着你有更多的空间来处理PHP :)希望它有所帮助

Answer 6

这个问题的后期，间接回答，但我发现它很有用。

考虑使用响应式CSS设计为桌面和移动用户提供两种不同风格的相同内容，而不是重定向移动用户。 这有助于避免拆分和复制代码。 您可以从头开始编写响应式CSS，或使用Twitter Bootstrap等预先打包的框架。