为用户提供仍可从移动设备上查看网站浏览器版本的选项

时间:2012-07-17 05:49:52

标签: mobile user-interface

我建立并托管了我的移动网站。我在.htacess文件中编写了如下脚本。

RewriteCond %{HTTP_USER_AGENT} "!(android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos)" [NC]
RewriteRule ^(.*)$ http://www.m.abc.com [L]

但是,当他从移动设备上使用移动网站时,这将始终将用户重定向到移动网站。但我希望用户可以选择从移动设备上查看基于浏览器的网站。我该怎么做?

2 个答案:

答案 0 :(得分:1)

使用脚本进行检测以查找其是否为移动设备,大量脚本here 发送到移动网站,然后在底部的链接到非移动网站,使用的东西,所以它不会再次重定向回移动网站(cookie等),保存此选择,以便用户获得正确的网站,如果他们再次返回

答案 1 :(得分:0)

你应该这样做。

  1. 从HTAccess中删除以上内容。
  2. 在您网站的索引或默认页面中,您需要检查用户是否来自移动设备?

  3. 如果用户来自移动设备,请将其重定向到一个演示页面,该页面为用户提供重定向到m.abc.com或abc.com的选项

  4. 你也可以使用javascript确认来做同样的事。
  5. 基于设备宽度的一个脚本示例...

    <script type="text/javascript">
    <!--
    if (screen.width <= 699) {
    document.location = "mobile.html";
    }
    //-->
    </script>
    

    另一种基于设备类型...

    <script language=javascript>
    <!--
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
       location.replace("http://url-to-send-them/iphone.html");
    }
    -->
    </script>
    

    基于我使用...

    if ( (screen.width < 1024) && (screen.height < 768) ) { 
    window.location = 'http://mobile.site.com';
    } 
    

    希望以上帮助