html网页移动设备访问时自动询问是否跳转手机版该怎么写呢

请问使用html写的网页要怎么实现移动设备访问时挑出提示询问用户是否跳转手机版,点是的话就跳转别的网页,否则关闭提升留在原地。。。求各位大神教教代码该怎么写,我只是个网页... 请问使用html写的网页要怎么实现移动设备访问时挑出提示询问用户是否跳转手机版,点是的话就跳转别的网页,否则关闭提升留在原地。。。
求各位大神教教代码该怎么写,我只是个网页制作的初学者,好多专业的东西还不理解,希望多多包涵
展开
 我来答
baby浅浅的人
推荐于2018-03-13 · TA获得超过104个赞
知道小有建树答主
回答量:104
采纳率:0%
帮助的人:76.1万
展开全部

通过JavaScript来判断访问的设备是电脑、还是手机、或者平板。

<script type="text/javascript">
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            document.writeln("您的浏览设备为:");
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                document.writeln("phone");
            } else {
                document.writeln("pc");
            }
        }

        browserRedirect();
    </script>

在根据JavaScript的判断,在写对应的语句。

更多追问追答
追问
那个新人还没研究JavaScript。。。麻烦大神再帮点忙。。。。
那个是移动端的话跳出提示询问是否访问移动版,点确认调到指定页面,取消留在原地这个该怎么写了。。。。
又加了100悬赏。。。。
追答

给你个思路吧!还是js

if (条件)
  {
  当条件为 true 时执行的代码  //这里的true为布尔值。只有“true”和“false”判断真假的
  }
else
  {
  当条件不为 true 
时执行的代码
  }

上面当if判断是移动版的时候,布尔值就是true,执行if里面的内容。就不会执行else,else里面可以执行pc版的网页css 。我们可以在第一个if语句里面在嵌套一个if 、else语句

if (条件)
  {
  当条件为 true 时执行的代码  //这边的if,else是上一个的if执行的判断,语句
  }                           //这边可以用alert()弹出供用户选择是否。是的话,就写在if执行的里面,然后js调用手机版的。不是的话,则else 
else
  {
  当条件不为 true 
时执行的代码                 //条件不成立,执行else,对应跳转到pc版
  }
善良De坏蛋
2015-07-04
知道答主
回答量:62
采纳率:0%
帮助的人:22.4万
展开全部

这里你得用到javascript,单纯html无法判断,附送例子一个,希望帮到你

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript">

var isPhone = (window.navigator.platform != "Win32");

    // alert(window.navigator.platform);
if(isPhone){
      //如果是手机等移动设备走这个路径
  window.location.href="www.baidu.com";
}else{
 //如果电脑浏览器走这个路径
  window.location.href="www.youku.com"; 
}
     
  </script>
 </head>
 <body>
  
 </body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
freezing866
推荐于2016-01-18 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
采纳数:145 获赞数:1032
六年网站开发经验,开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址:www.wangyingshi.com

向TA提问 私信TA
展开全部

这个问题可以用js判断当前浏览器的类型:navigator.userAgent ;然后跳转到手机网站路径就可以实现了:

<script type="text/javascript">
// JavaScript Document
function urlredirect() {
    var sUserAgent = navigator.userAgent.toLowerCase(); 
    if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
        // PC跳转移动端
        var thisUrl = window.location.href;
        window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf('/')+1)+'mobile/'; //跳转为网址后面加mobile的路径
         
    }
}
urlredirect();
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式