zoukankan      html  css  js  c++  java
  • 移动端web出现的一系列问题

    今天做移动端的web,在做后期处理的时候,发现了非常多的问题。下面我分别列举一下吧~~

    1.移动端浏览器众多,各种浏览器之间的显示等都有差异,很多需要单独处理,于是我需要判断分别是什么浏览器。js代码如下:

    复制代码
    var NV = {};  
    var UA = navigator.userAgent.toLowerCase();  
    try {  
        NV.shell=(UA.indexOf('ucbrowser')>-1)?'UC浏览器':   //ucbrowser
        (UA.indexOf('dolphin')>-1)?'海豚浏览器':             //dolphinbrowsercn
        (UA.indexOf('huohou')>-1)?'火猴浏览器':              //huohoubrowser
        (UA.indexOf('sogou')>-1)?'搜狗浏览器':               //sogoumse/sogoumobilebrowser
        (UA.indexOf('opr')>-1)?'欧朋浏览器':                 //opr
        (UA.indexOf('qqbrowser')>-1)?'QQ浏览器':            //mqqbrowser
        (UA.indexOf('liebao')>-1)?'猎豹浏览器':              //liebaofast
        (UA.indexOf('2345')>-1)?'2345浏览器':               //mb2345browser
        (UA.indexOf('miui')>-1)?'小米浏览器':                //miuibrowser
        (UA.indexOf('baidu')>-1)?'百度浏览器':
        (UA.indexOf('aoyou')>-1)?'遨游浏览器':
        (UA.indexOf('theworld')>-1)?'世界之窗浏览器':
        (UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':
        (UA.indexOf('greenbrowser')>-1)?'绿色浏览器':
        (UA.indexOf('360ee')>-1)?'360极速浏览器':
        (UA.indexOf('360se')>-1)?'360安全浏览器':
        '未知或无壳';
    }catch(e){}
    alert('浏览器UA='+UA+'
    
    浏览器外壳='+NV.shell);
    复制代码

    上面后面有备注的是亲测过的完全版的名称。

    2.有一些浏览器的极速模式,或者某些极速浏览器都不支持js,于是得判断是否支持js。我并没有发现可以判断的方法,但是发现了以下的方法。代码如下:

    <noscript>Sorry, your browser does not support JavaScript!</noscript>

    但是运用这个的时候很难实现优雅降级,很多的就一棒子打死,但是鉴于没有其他的好办法可以暂时先这么用。

  • 相关阅读:
    操作系统设计与实现(二)
    SpringCloud(八)Consul的微服务注册
    图的实现(邻接矩阵)及DFS、BFS
    SpringCloud(七)服务注册之Consul的简介和原理
    Mybatis笔记目录(6天)
    Mybatis学习笔记——day02
    C语言教程Day01
    Linux C/C++方向开发(13周学习路线)
    基于Java的实验室预约管理系统
    基于Android的高校学生考勤系统的设计与实现
  • 原文地址:https://www.cnblogs.com/tzz-ing/p/5021299.html
Copyright © 2011-2022 走看看