移动端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>

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

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

原文地址:https://www.cnblogs.com/neuscx/p/5017337.html