PHP

MYSQL

阿旭个人博客

阿旭个人博客,是一款小巧强大的php mysql个人博客系统,本站提供个人博客模板下载。个人博客注册和建立个人博客网站,就用阿旭php个人博客系统吧!
您的位置:首页>手机,HTML,JS,>正文

html 判断是否手机访问用javascript代码实现

  • Donny
  • 2017-06-24 16:32:28       被围观了
  • 手机,HTML,JS,
  • 当下是手机横行的时代,在考虑html页面对访客终端的识别,

    如果是手机访问:跳转到手机页面

    如果是电脑和平板访问,依旧显示pc页面

    这样子不至于手机访问时,页面不友好

    手机访问本站是这样子的:

    可以看到和pc上访问没什么区别,但是屏幕太小了,

    1.浏览起来很不舒服。。。字太小,图片也太小

    2.手点起来很不舒服,还会点错,这时候就需要放大再点链接,很麻烦


    以下是js代码:

    <script type="text/javascript">
        var system ={};  
           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){//如果是电脑跳转到
                   window.location.href="#电脑";  alert('pc');
           }else{  //如果是手机,跳转到
                  window.location.href="#手机";  alert('mobile');
           }
    </script>
    

    在线演示/attached/file/2017/06/24/20170624162729_34408.html

    文章 html 判断是否手机访问用javascript代码实现阿旭个人博客 网上收集或原创,转载请注明

    来源:http://www.axublog.com/post/html_pan_duan_shi_fou_shou_fangwen/

    上一篇:畅言热门评论自定义样式CSS

    下一篇:感谢si1ence的代码审计:axublog1.0.2 系统重装+Getshell漏洞

    阿旭个人博客-创建于2017年5月- 沪ICP备16040435号

    About Sitemap Rss 文章归档 QQ群190498118