PHP无法处理含JS的$width变量做条件判断，该如何解决？

嘿，你这里的核心误区是没搞清楚服务器端PHP和客户端JS的执行顺序：

• 当你的PHP代码在服务器上运行时，$width和$height就是两段纯字符串，内容就是你写的<script>...</script>代码，PHP根本不会执行里面的JS，更不知道什么屏幕宽度。
• 只有当PHP把这段字符串输出到浏览器后，浏览器才会解析执行JS，把屏幕宽度显示出来，但这时候PHP的代码早就跑完了，所以你在PHP里拿那段JS字符串去和1920做判断，肯定全是false！

怎么解决？两种可行思路 #

思路1：直接用JS在客户端判断（最简单） #

既然屏幕宽度是客户端的信息，直接在浏览器里用JS完成判断就行，要是需要把结果传给PHP再处理，用AJAX或者表单提交就好：

<script>
const windowWidth = screen.width;
if (windowWidth >= 1680) {
    console.log("OK");
    // 举个AJAX传值给PHP的例子
    fetch('/handle-width.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: `width=${windowWidth}`
    })
    .then(res => res.text())
    .then(data => console.log('PHP返回结果:', data));
} else {
    console.log("NOK");
}
</script>

对应的PHP处理文件handle-width.php可以这么写：

<?php
// 先过滤客户端传过来的值，防止恶意输入
$width = filter_input(INPUT_POST, 'width', FILTER_VALIDATE_INT);
if ($width && $width >= 1680) {
    echo "OK";
} else {
    echo "NOK";
}
?>

思路2：页面加载时把屏幕宽度传给PHP（适合初始化判断） #

如果需要在页面加载时就基于屏幕宽度做PHP逻辑，可以用JS跳转到带参数的页面，或者用隐藏表单自动提交：

<script>
// 跳转到当前页面并带上宽度参数
window.location.href = `${window.location.pathname}?width=${screen.width}`;
</script>

然后PHP里就能直接获取参数判断了：

<?php
$width = filter_input(INPUT_GET, 'width', FILTER_VALIDATE_INT) ?? 0;
if ($width >= 1680) {
    echo "OK";
} else {
    echo "NOK";
}
?>

重要提醒 #

客户端传过来的任何数据都不能直接信任，一定要用filter_input()或者intval()做过滤，避免安全问题。另外，PHP本身是服务器端语言，根本没法直接获取客户端的屏幕、浏览器这类环境信息，必须靠客户端主动传递才行。

内容的提问来源于stack exchange，提问作者Puwhae