移动站点到主站点和主站点到移动站点答案

【问题标题】：mobile-site to main-site and main-site to mobile-site移动站点到主站点和主站点到移动站点
【发布时间】：2013-12-02 13:24:20
【问题描述】：

我完成了主站点和单独的移动站点。

主站点是 Wordpress

移动网站是HTML 页面

我将以下脚本用于移动自动重定向。

<script type="text/javascript">
    <!--
    if (screen.width <= 769) {
        document.location = "http://mobile.mysite.com/";
    }
    //-->
</script>

但现在我需要 完整站点 链接到移动站点中的主站点。通过上面的脚本，它重定向到同一个移动站点。

我试过 cookies。我不知道，为什么它不能正常工作。

任何人都可以帮助我。谢谢。

【问题讨论】：

为什么要检查屏幕宽度以检测移动设备？您应该使用一个 php lib，它将在服务器端检测设备并将用户重定向到相应的链接。
听起来不错。先解决我的问题，然后我们才能做到。

标签： php wordpress redirect mobile cookies

【解决方案1】：

要重定向移动访问者，您需要确定他们的浏览器是否是移动设备上的网络浏览器。您可以确定访问者正在使用哪个浏览器

如果您运行的是内容管理系统（例如 WordPress 或 Joomla），可能已经有一些插件可以帮助处理移动访问者。

由于手机的屏幕宽度通常较小，如果访问者的屏幕宽度小于或等于 800 像素，您可以将其重定向到您的移动网站。将 Javascript window.location 代码放在主网站代码的头部。这样，当您的网站被访问时，javascript 将看到浏览器宽度并重定向到相应的网站。

您可以根据浏览器支持的 MIME 类型使用 .htaccess 重定向来转移访问者。例如，如果用户的浏览器接受包含 WML（无线标记语言）的 mime 类型，那么它很可能是移动设备。下面的代码应该放在你的 .htaccess 文件中。

注意：

如果您使用的是 WordPress，请尝试使用 Jetpack 插件。它附带一个您可以启用的免费移动版本。手机上的任何人都会自动看到移动版本。

移动的主站点，

<script type="text/javascript">
    <!--
    if (screen.width <= 769) {
        document.location = "http://mobile.mainsite.com/";
    }
    //-->
</script>

移动到主站点，

<script type="text/javascript">
    <!--
    if (screen.width > 769) {
        document.location = "http://mainsite.com/";
    }
    //-->
</script>

【讨论】：