已掉线,重新登录

首页 > 绿虎论坛 > 建站 > 主机 (发帖)

标题: 求助!帮帮我!

作者: @Ta

时间: 2015-04-07

点击: 2025

网站怎么实现电脑访问一个页面!手机访问一个页面!怎么实现好心人帮帮我

[隐藏样式|查看源码]


『回复列表(4|隐藏机器人聊天)』

1. 是这样吗?
icehot.cn
(/@Ta/2015-04-07 13:52//)

2. 是相同地址吗?可以在头部利用js或者php来判断设备型号,做跳转.
php则可以在服务器端生成不同内容
(/@Ta/2015-04-07 14:57//)

3. 谢谢!弄好了
(/@Ta/2015-04-07 16:08//)

4. 1.通过php检测是否为电脑,不是则跳转或显示手机页面的内容

2.通过js判断检测操作系统,跳转
判断代码:
    //平台、设备和操作系统  
    var system ={  
        win : false,  
        mac : false,  
        xll : false  
    };  
    //检测平台  
    var p = navigator.platform;  
    
            
    system.win = p.indexOf("Win") == 0;  
    system.mac = p.indexOf("Mac") == 0;  
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  
    //跳转语句  
    if(system.win||system.mac||system.xll){
//电脑
if(document.body.scrollWidth < 700){
    //判断屏幕宽度,插入js跳转页面   
}else {
//插入js代码跳转页面
}

    }else{  
        //手机
         //插入js代码跳转页面
    }  
     




3.通过js判断检测操作系统,再通过js实现更改css class,实现自适应   例:ijuhe.org

<script>

      
    //平台、设备和操作系统  
    var system ={  
        win : false,  
        mac : false,  
        xll : false  
    };  
    //检测平台  
    var p = navigator.platform;  
    
            
    system.win = p.indexOf("Win") == 0;  
    system.mac = p.indexOf("Mac") == 0;  
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  
    //跳转语句  
    if(system.win||system.mac||system.xll){
//电脑
if(document.body.scrollWidth < 700){
document.getElementById("bj").style.display = "none";
document.getElementById("bj_you").style.width =document.body.clientWidth - 48;

}else {
document.getElementById("bj").style.width=document.body.scrollWidth * 0.78 - 48;
}

    }else{  
        //手机
document.getElementById("bj").style.display = "none";
document.getElementById("login_shang").style.height = "10%";
document.getElementById("bj_you").style.width =document.body.clientWidth - 48;

    }  
     
</script>  




Zcy
(/@Ta/2015-04-07 18:49//)

回复需要登录

7月12日 15:41 星期六

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1