logo标签列表

如何为移动设备重定向单个页面？

javascriptphpwordpressredirectmobile
5

我正在寻找一种解决方案，将我的WordPress网站上的单个页面重定向到移动版本（我不想将所有移动用户的所有页面重定向到不同的页面或主题，只是单个页面）。

然而，我还没有找到可以做到这一点的插件。无论如何，我只是想要一个简单的方法来让我的单个页面实现移动设备重定向，希望通过像DetectMobileBrowsers或WURFL这样不断“更新”自己的方法来实现。

在网上做了一些研究后，我发现了一些PHP代码，可以区分WordPress网站上的不同页面：

<?php if (is_page(1111)) {…….}; ?>

我正在考虑在PHP代码中加入一种移动重定向脚本，从而实现我的目标，即只需要在网站上的一个页面进行移动重定向。

然而，我已经尝试将detectmobilebrowsers.com的代码（包括PHP和Javascript）放入header.php和page.php中，但大多数情况下我的网站崩溃了，或者根本没有作用。我是否走错了方向？我使用的是错误的代码吗？我需要插件来帮助吗？

----更新2----

我对代码进行了以下尝试：

add_action( 'template_redirect', 'redirect_so_19285382' );

function redirect_so_19285382() 
{
    if (is_page(2766))
        return;

    if( is_mobile_detectmobilebrowsers_com() ) { wp_redirect( site_url( 'http://lifebyjohn.com/mobile-schedule' ) ); exit(); }
}

function is_mobile_detectmobilebrowsers_com()
{
    $useragent=$_SERVER['HTTP_USER_AGENT'];
    return 
        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|mobile.+firefox|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 ) );
}
检测JavaScript中的移动设备 - https://dev59.com/YnA75IYBdhLWcg3wBkO1 使用JavaScript重定向到页面 - https://dev59.com/_3RB5IYBdhLWcg3wz6Wd - ılǝ
只有在if（）后面只有一个命令的情况下，才能不使用{}。 wp_redirect和exit必须同时使用，而您将它们分开了。在我的示例中，我使用“如果不是，则返回”。超过此点之后，将执行所有内容。正确缩进代码应显示此类错误。 - brasofilo
我知道你可能会因为我的新手问题而嗤之以鼻，但是你能否重新编写上面的代码并加入你所提出的建议呢？另外，将代码放在functions.php中是否可行，如果不行，应该放在哪里呢？非常感谢！ - John
我的答案中有一个关键词为“always”的重要链接。这是你需要的代码：if( is_mobile_detectmobilebrowsers_com() ) { wp_redirect( site_url( 'mobile-schedule' ) ); exit(); } - brasofilo
遇到了另一个问题，我相信这并不会让你感到惊讶。我已经在上面发布了我的新代码（我不确定还有哪里可以放）。现在发生的情况是，我的网站桌面版本很好，但当我在移动设备上访问我的网站页面时，它不会重定向，而是发生了两件事：首先，我收到了“太多重定向”的错误。其次，它不会重定向，而是简单地将目标页面“添加”到URL中。例如，它将lifebyjohn.com变成了lifebyjohn.com/http//lifebyjohn.com/mobile-schedule。这种情况发生在每个页面上，而不仅仅是我想要重定向的页面。救命啊！ :-) - John
哦，顺便说一下，我也尝试着在wp_redirect后面输入“mobile-schedule”，而不是整个http地址，但也许我在那里做错了什么。 :-) - John
4个回答
2
我需要一个插件来帮助处理这个吗？
是的，我们总是需要插件 ;)
我使用 Chriss Schuld 的浏览器类在 PHP 级别上检测这个。然后，只需要使用 template_redirect 钩子来检查我们的页面，嗅探浏览器代理并在必要时进行重定向。☉ 原始链接和我的一个分支来防止链接烂掉
<?php
/**
 * Plugin Name: Redirect one page for mobile
 * Description: Redirect to Mobile Template Page. Adjust the hardcoded values.
 * Plugin URI:  https://dev59.com/k3fZa4cB1Zd3GeqPWM7d
 * Version:     1.0
 * Author:      brasofilo
 * License:     GPLv2 or later
 */

# Download and put the file together with this plugin
# https://raw.github.com/brasofilo/Browser.php/master/lib/Browser.php
if( !class_exists( 'Browser' ) )
    require_once( 'Browser.php' );

add_action( 'template_redirect', 'redirect_so_19285382' );

function redirect_so_19285382() 
{
    # Not our page, bail out
    if( !is_page( 'about' ) ) // <------- adjust
        return;

    # Not mobile, bail out
    if( !browser_check_so_19285382( 'mobile' ) )
        return;

    # It is our page, redirect dude!
    wp_redirect( site_url( 'about-mobile' ) );  // <------- adjust
    exit();
}

# Browswer sniff, create as many cases as you need
function browser_check_so_19285382( $what = '' ) 
{
    $browser_check   = new Browser();
    $browser_info    = $browser_check->getBrowser();
    $browser_version = $browser_check->getVersion();

    switch( $what ) 
    {
        case 'chrome':
            if ( $browser_info == Browser::BROWSER_CHROME ) 
                return true;
            else 
                return false;
        break;
        case 'ie':
            if ( $browser_info == Browser::BROWSER_IE ) 
                return true;
            else 
                return false;
        break;
        case 'mobile': 
            $check_this = array( // <------- adjust the array
                Browser::BROWSER_NOKIA, 
                Browser::BROWSER_NOKIA_S60, 
                Browser::BROWSER_BLACKBERRY, 
                Browser::BROWSER_ANDROID, 
                Browser::BROWSER_IPAD, 
                Browser::BROWSER_IPOD, 
                Browser::BROWSER_IPHONE
            );
            if( in_array( $browser_info, $check_this ) )
                return true;
            else 
                return false;           
        break;
    }
    return false;
}
或者使用 detectmobilebrowsers.com 的解决方案，在函数 redirect_so_19285382 中使用此方法：
if( is_mobile_detectmobilebrowsers_com() )
{
    wp_redirect( site_url( 'about-mobile' ) );  // <------- adjust
    exit();
}

并添加他们的方法：
function is_mobile_detectmobilebrowsers_com()
{
    $useragent=$_SERVER['HTTP_USER_AGENT'];
    return 
        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|mobile.+firefox|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 ) );
}
这看起来很不错，我会试一下！不过，你的解决方案是否可以集成像www.detectmobilebrowsers.com这样的东西？我只是想确保我使用的重定向方式可以捕获所有移动设备，而不仅仅是一些。谢谢！ - John
你可以使用任何浏览器检测类，并将其与 template_redirect 捆绑在一起。你需要检查我使用的示例类的代码，以查看所有可用选项，有很多。但是我测试了 detectmobile 的函数，它可以正常工作，回答已更新。 - brasofilo
我知道你可能会因为我的新手问题而嗤之以鼻，但是你能否重新编写上面的代码并加入你所提出的建议呢？另外，将代码放在functions.php中是否可行，如果不行，应该放在哪里呢？非常感谢！ - John
1
<?php 
if (is_page(1111))
{
    echo "
    <script>
        window.onLoad = function()
        {
            if (typeof window.orientation !== 'undefined')
            {
                document.location='http://example.com';
            }
        }
    </script>";
}
?>

未经测试。 来源：检测移动浏览器的第二个答案。

0
0

还有wp_is_mobile WordPress函数。

我用了一个简单的if语句来使用它。 上述解决方案的主要概念是相同的。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接