移动站点到主站点，主站点到移动站点

Question

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

主站点是Wordpress

移动站点是HTML页面。

我为移动自动重定向提供了如下脚本。

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

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

我和https://stackoverflow.com/questions/15471075/mobile-to-main-site-redirect试过了。我不知道，为什么不能正常工作。

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

Answer 1

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

如果您正在运行内容管理系统(如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>