我的网站上有一系列jQuery脚本,我想只在用户屏幕宽度大于960px时运行。我知道你无法使用php检测屏幕大小,但是有没有办法为这种效果创建一些东西:
<? php
if [METHOD TO DETECT SCREEN SIZE] > 960px {
echo '<script src="js/nbw-parallax.js" type="text/javascript"></script>';
}
?>
答案 0 :(得分:8)
PHP是服务器端,无法获取屏幕宽度和高度。
你必须使用javascript。
if( $(window).width() > 960 ) {
$.getScript('js/nbw-parallax.js');
}
if( window.innerWidth > 960 ) {
//Your Code
}
答案 1 :(得分:2)
为什么不使用jQuery?
if( $(window).width() > 960 )
{
$.ajax({
url: 'js/nbw-parallax.js',
dataType: "script",
success: function() {
//success
}
});
}
答案 2 :(得分:2)
<?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
答案 3 :(得分:0)
您必须使用javascript(或jQuery)函数根据屏幕大小生成新的脚本标记。您可能会发现此http://api.jquery.com/jQuery.getScript/有用。
答案 4 :(得分:0)
你应该让JS检测分辨率并自行选择是否运行某些代码。
答案 5 :(得分:0)
您可以使用javascript设置包含用户屏幕尺寸的Cookie。 (当然,它不会对第一个请求起作用,但每个后续请求都会起作用)。然后在php中你可以得到cookie的值。