window.innerwidthの予期しない動作

Question

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

私は上記のコードを使用して、Webページの利用可能な幅を探しています。それはほとんどの時間に働きます。しかし、一部のモバイルブラウザ（モバイルChromeなど）では、デスクトップのウェブサイトでは0が返されます。わからない、何が問題になりましたか？

のMozilla/5.0（Linuxでは、アンドロイド5.1.1; SM-J500Mビルド/ LMY48B）のAppleWebKit/537.36（ヤモリ様KHTML）クローム/ 56.0.2924.87モバイルサファリ/ 537.36

これには以下のいずれかそれが失敗したユーザエージェント。主にアンドロイドブラウザのモバイルクロムで発生します。

Answer 1

ifのテストをブール値にすることをお勧めします。関数内returnステートメントでより多くを持つ

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

は常にベストプラクティスとはみなされません。これを次のように明確にすることができます。

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

これが機能しない場合は、jQueryのwidthメソッドにバグが見つかりました。