Hành vi ngoài mong đợi của window.innerwidth

Question

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

Tôi đang sử dụng mã ở trên để tìm độ rộng có sẵn của trang web. Nó hoạt động hầu hết thời gian. Nhưng trong một số trình duyệt di động (Mobile Chrome và một vài) và đôi khi trong trang web trên máy tính để bàn, nó trả về 0. Tôi không biết, điều gì đã xảy ra?

Mozilla/5.0 (Linux; Android 5.1.1; SM-J500M xây dựng/LMY48B) AppleWebKit/537,36 (KHTML, như Gecko) Chrome/56.0.2924.87 Mobile Safari/537,36

Đây là một trong tác nhân người dùng ở nơi không thành công. Chủ yếu là nó xảy ra trong chrome điện thoại di động trong trình duyệt Android.

Answer 1

Bạn có thể thử bắt buộc thử nghiệm trong if là Boolean.

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

Có nhiều hơn return tuyên bố trong hàm không phải lúc nào cũng được coi là phương pháp hay nhất. Bạn có thể làm cho điều này rõ ràng hơn như sau.

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

Nếu điều này không thành công thì vấn đề là bạn đã tìm thấy lỗi trong phương pháp chiều rộng của jQuery.