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>

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

    有什么问题欢迎大家指点~~~~

  • 相关阅读:
    Ajax 的 GET 和 POST 模式
    AJax中post与get请求注意事项
    代理模式 (Proxy)
    装饰模式 (Decoratory)
    抽象工厂模式( Abstract Factory )
    单例模式(Singleton)
    原型设计模式
    Intro.js的简介和用法
    mysql 分片
    数据分片(二)如何为数据分片
  • 原文地址:https://www.cnblogs.com/neuscx/p/5017337.html
Copyright © 2011-2022 走看看