jquery - ブラウザーのサイズに基づいて外部 jquery スクリプトを読み込む

Question

ユーザーの画面の大きさに応じて、3 つの異なる css ファイルを使用しています。これにより、モバイル デバイスなどで適切に表示されます。元：

<link rel="stylesheet" media="screen and (max-width: 568px)" href="css/small.css" />

現在、ページ幅も処理するjqueryを使用していますが、物事を簡単にするために、cssと同じ方法で外部jqueryスクリプトをロードしたいと思っています。これは可能性がありますか？

Answer 1

を使用しJavaScriptて、のサイズを決定できますscreen

screen.height;
screen.width;

たとえば、次のように使用できます。

if(window.screen.width <= 580) {
    //...
}

getScriptを使用して(なしでも可能jQuery)、スクリプトをロードできます

$.getScript( "yourscript.js");

しかし、ハンドヘルド デバイスであるかどうかにかかわらず、デバイスを判別するようなものが必要だと思います。css media queryそうであれば、このプラグインを試すことができます。