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