DIV CSS 佈局教程網

 <script type="text/javascript">

//判斷訪問終端
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
            trident: u.indexOf('Trident') > -1, //IE內核
            presto: u.indexOf('Presto') > -1, //opera內核
            webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
            ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
            android: u.indexOf('Android') > -1 &#124;&#124; u.indexOf('Linux') > -1, //android終端或者uc浏覽器
            iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD浏覽器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部
        };
    }(),
    language:(navigator.browserLanguage &#124;&#124; navigator.language).toLowerCase()
}

//browser.versions.trident返回真假，真則是IE內核，以此類推browser.versions.webKit是否為谷歌內核
if(browser.versions.trident){
    alert("is IE");  //is IE
}
if(browser.versions.webKit){
    alert("is webKit");
}

if(browser.versions.presto){
    alert("is presto");
}

if(browser.versions.mobile){
    alert("is mobile");
}

if(browser.versions.iPhone){
    alert("is iPhone");
}

if(browser.versions.android){
    alert("is android");
}

if(browser.versions.presto){
    alert("is presto");
}

if(browser.versions.webApp){
    alert("is webApp");
}
</script>