window.innerwidth का अप्रत्याशित व्यवहार

Question

if(window.innerWidth) { 
    return window.innerWidth; 
} 
return $(window).width(); 

मैं उपरोक्त कोड का उपयोग वेब पेज की उपलब्ध चौड़ाई को खोजने के लिए कर रहा हूं। यह ज्यादातर समय काम करता है। लेकिन कुछ मोबाइल ब्राउज़र (मोबाइल क्रोम और कुछ) में और कभी-कभी डेस्कटॉप वेबसाइट में यह 0 लौटाता है। मुझे नहीं पता, क्या गलत हुआ?

Mozilla/5.0 (लिनक्स, एंड्रॉयड 5.1.1, SM-J500M बिल्ड/LMY48B) AppleWebKit/537.36 (KHTML, छिपकली की तरह) क्रोम/56.0.2924.87 मोबाइल सफारी/537,36

इस में से एक है उपयोगकर्ता एजेंट जहां यह असफल रहा है। ज्यादातर यह एंड्रॉइड ब्राउज़र में मोबाइल क्रोम में होता है।

Answer 1

आप if में एक बूलियन होने के लिए परीक्षण को मजबूर करने का प्रयास कर सकते हैं।

if(!!window.innerWidth) { 
    return window.innerWidth; 
} 
return $(window).width(); 

पर एक समारोह में return बयान हमेशा सबसे अच्छा अभ्यास नहीं माना जाता है की तुलना में अधिक होने। आप निम्नानुसार इस स्पष्ट कर सकते हैं।

return !!window.innerWidth ? 
    window.innerWidth : 
    $(window).width(); 

यदि यह काम नहीं करता है तो समस्या यह है कि आपको jQuery की चौड़ाई विधि में एक बग मिला है।