怎么让一段代码电脑显示手机端隐藏?

问:我想让一个JS文件在电脑端显示,移动手机端不显示,代码应该怎么写?

答:最简单的办法是通过判断分辨率来实现移动端隐藏,比如:

    <div class="none"><img src="https://www.571free.om/ad.jpg"/></div>

然后把DIV加一个样式代码如下:

    @media screen and (max-width: 1300px) { .none{display:none; }
    }

即可实现在设备分辨率在1300的时候隐藏上边那个图片,当然把图片代码换成JS代码即可隐藏JS。

还有一种办法是通过判断设备类型,这里就不深入探讨了。

代码如下:

var browser={   
        versions:function(){           
                var u = navigator.userAgent, app = navigator.appVersion;           
                return {               
                    trident: u.indexOf('Trident') > -1,              
                    presto: u.indexOf('Presto') > -1,               
                    webKit: u.indexOf('AppleWebKit') > -1,             
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,              
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),         
                    ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/),                
                    android: u.toLowerCase().indexOf('android') > -1 ,  
                    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,              
                    iPad: u.indexOf('iPad') > -1,              
                    webApp: u.indexOf('Safari') == -1          
                };
                }()
}
if (!(browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)){
 
document.writeln("<div class='float_layer' id='miaov_float_layer' style='z-index:10001;'>");
document.writeln("    <div class='content'>");
document.writeln("        <div class='wrap'> ");
document.writeln("        <a href='http://yookee.cc/' target='_blank'><img src='/ad1/14690989051188.gif' width='300' height='250' /></a>");
document.writeln("        </div>");
document.writeln("    </div>");
document.writeln("</div>");
}

判断设备类型来决定显示不显示代码

代码参考:参考一    参考二
上一篇:屁股决定脑袋是什么意思?
下一篇:上海小赢卡信用卡下卡攻略,怎样下卡快

网友回应

欢迎扫码手机访问571免费资源!

欢迎扫码手机访问571免费资源!