Mobile 为用户提供选项,使其仍然可以从手机上看到浏览器版本的网站

Mobile 为用户提供选项,使其仍然可以从手机上看到浏览器版本的网站,mobile,user-interface,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] 但当用户从手机上使用手机网站时,它总是会将用户重定向到手机网站。但我想让用户也可以

我有我的移动网站建立和托管。我在.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]

但当用户从手机上使用手机网站时,它总是会将用户重定向到手机网站。但我想让用户也可以通过手机查看基于浏览器的网站。我该怎么做呢?

你应该做以下几点

  • 从HTAccess中删除上面的内容
  • 在网站的索引或默认页面中,您需要检查用户何时来自移动设备

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

  • 您也可以使用javascript确认来完成同样的操作
  • 一个基于设备宽度的脚本示例

    <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';
    } 
    
    if((screen.width<1024)和&(screen.height<768)){
    window.location=http://mobile.site.com';
    } 
    

    上面的“希望”有助于用脚本进行检测,以确定它是否是移动设备,是否有大量脚本
    发送到移动站点,然后在底部有指向非移动站点的链接,使用一些东西使其不会再次重定向回移动站点(cookie等),保存此选项,以便用户在再次返回时获得正确的站点。

    是否将指向浏览器网站的链接放在移动站点底部?这是一些移动网站如维基百科所做的。我会把链接放在上面。但当apache发现它是一个移动设备时,它将重定向到移动设备。