ブラウザリサイズ比較ステートメント

Question

現在のjQueryプロジェクトではブラウザのサイズ変更（幅と高さ）機能が必要ですが、サポートされている解像度のいくつかはお互いに比べてファンキーです。この比較声明を改善するための提案はすべて歓迎されます。私は穴を閉めようとしましたが、少し残っていると感じました。私もisIosの変数をチェックしています。ここで

はスクリプトです：

function getBrowserWidth() { 
    $(window).load(function() { 
    if (window.innerWidth) { 
     return window.innerWidth; 
    } 
    else if (document.documentElement && document.documentElement.clientWidth != 0) { 
     return document.documentElement.clientWidth; 
    } 
    else if (document.body) { return document.body.clientWidth; } 
    return 0; 
    }); 
    $(window).resize(function() { 
    if (window.innerWidth) { 
     return window.innerWidth; 
    } 
    else if (document.documentElement && document.documentElement.clientWidth != 0) { 
     return document.documentElement.clientWidth; 
    } 
    else if (document.body) { return document.body.clientWidth; } 
    return 0; 
    }); 
} 

function getBrowserHeight() { 
    $(window).load(function() { 
    if (window.innerHeight) { 
     return window.innerHeight; 
    } 
    else if (document.documentElement && document.documentElement.clientHeight != 0) { 
     return document.documentElement.clientHeight; 
    } 
    else if (document.body) { return document.body.clientHeight; } 
    return 0; 
    }); 
    $(window).resize(function() { 
    if (window.innerHeight) { 
     return window.innerHeight; 
    } 
    else if (document.documentElement && document.documentElement.clientHeight != 0) { 
     return document.documentElement.clientHeight; 
    } 
    else if (document.body) { return document.body.clientHeight; } 
    return 0; 
    }); 
} 

var browserWidth = getBrowserWidth(), 
    browserHeight = getBrowserHeight(), 
    isIphone = navigator.userAgent.match(/iPhone/i) != null, 
    isIpod = navigator.userAgent.match(/iPod/i) != null, 
    isIpad = navigator.userAgent.match(/iPad/i) != null, 

    isIos = isIphone || isIpod || isIpad; 

if (browserWidth <= 1024 && isIos) { 

} else if (browserWidth > 800 && browserWidth <= 1024 && !isIos) { 

} else if (browserWidth <= 1024 && browserHeight <= 768 && !isIos) { 

} else if (browserWidth > 1024 && browserWidth <= 1280) { 

} else if (browserWidth > 1024 && browserWidth <= 1280 && browserHeight <= 720) { 

} else if (browserWidth > 1280 && browserWidth <= 1600) { 

} else if (browserWidth > 1280 && browserWidth <= 1600 && browserHeight > 768 && browserHeight <= 900) { 

} else if (browserWidth > 1920 && browserWidth <= 4000) { 

} else if (browserWidth > 1920 && browserWidth <= 4000 && browserHeight > 1080 && browserHeight <= 4000) { 

} else { 

} 

Answer 1

本当にこの方法を実行したい場合は、その後、私は最低から最高からのカスケード比較（switch文の一種）を示唆しています。あなたは範囲を必要としません：

var w = $.Window.width(); 

if(w>4000){ 
    //greater than 4000 
} else if(w>1920){ 
    //assumed less than 4000 greater than 1920 
} else if (w>1280){ 
    //assumed less than 1920 but greater than 1280 
} else if (w>1024){ 
    //assumed less than 1280 but greater than 1024 
} else if (w>800){ 
    //assumed less than 1024 but greater than 800 
} else { 
    //small sized 
}