檢測多台顯示器的屏幕寬度

Question

我的網站針對1024x768布局進行了優化（固定寬度）。 我計划為分辨率寬度為1280或更高的用戶在頁面的兩邊添加垂直橫幅。

使用screen.width，我可以輕松地做到這一點。 但是，在具有多台顯示器的計算機上嘗試時，我遇到了一個問題。

讓我們假設以下情況：
顯示器1（主顯示屏）-分辨率為1024 x 768
監視器2（輔助顯示）-分辨率為1440 x 900

screen.width始終將寬度顯示為1024，而與在我瀏覽頁面的顯示器無關。 如果將主監視器更改為Monitor 2，則這些值將反轉。

這是一個很大的問題，特別是對於以1024x768分辨率為主要分辨率的人。 這意味着在這種情況下，我可能會失去橫幅印象。

我真的很感謝任何幫助。

Answer 1

嘗試查看window.innerWidth （屏幕上網頁的寬度）而不是window.screen.width 。

Answer 2

感謝您的回復。 幫助我編譯了以下功能，為我解決了問題。

function getBrowserWith()
{
    if(($.browser.msie == true && $.browser.version == '9.0') || $.browser.webkit == true || $.browser.mozilla == true)
        return window.innerWidth;
    else if(($.browser.msie == true) && ($.browser.version == '7.0' || $.browser.version == '8.0'))
        return document.documentElement.clientWidth;
    else
        return screen.width;
}

重要筆記

1. jQuery 1.4+是必需的
2. 請注意，以上功能僅針對IE7 +，FF7 +和Chrome16 +瀏覽器進行了測試。