ユーザーの画面幅が 960px を超える場合にのみ実行したい一連の jQuery スクリプトがサイトにあります。PHPを使用して画面サイズを検出できないことは知っていますが、この効果のために何かを作成する方法はありますか:
<? php
if [METHOD TO DETECT SCREEN SIZE] > 960px {
echo '<script src="js/nbw-parallax.js" type="text/javascript"></script>';
}
?>
ユーザーの画面幅が 960px を超える場合にのみ実行したい一連の jQuery スクリプトがサイトにあります。PHPを使用して画面サイズを検出できないことは知っていますが、この効果のために何かを作成する方法はありますか:
<? php
if [METHOD TO DETECT SCREEN SIZE] > 960px {
echo '<script src="js/nbw-parallax.js" type="text/javascript"></script>';
}
?>
PHP はサーバー側であり、画面の幅と高さを取得できません。
JavaScript を使用する必要があります。
if( $(window).width() > 960 ) {
$.getScript('js/nbw-parallax.js');
}
if( window.innerWidth > 960 ) {
//Your Code
}
<?php
if ( stristr($ua, "Mobile" )) {
$DEVICE_TYPE="MOBILE";
}
if (isset($DEVICE_TYPE) and $DEVICE_TYPE=="MOBILE") {
echo '<script src="js/nbw-parallax.js" type="text/javascript"></script>';
}
?>
より詳細なスクリプトへのリンクは次のとおりです: PHP Mobile Detect
なぜjQueryを使わないのですか?
if( $(window).width() > 960 )
{
$.ajax({
url: 'js/nbw-parallax.js',
dataType: "script",
success: function() {
//success
}
});
}
ユーザーの画面サイズを含む Cookie を設定する JavaScript を使用できます。(確かに最初のリクエストでは機能しませんが、後続のすべてのリクエストでは機能します)。次に、php で Cookie の値を取得できます。
画面サイズによっては、javascript (または jQuery) 関数を使用して新しいスクリプト タグを生成する必要があります。おそらく、このhttp://api.jquery.com/jQuery.getScript/が役に立つでしょう。
解像度を検出するように JS を作成し、コードを実行するかどうかを単独で選択する必要があります。