PHP 变量根据设备宽度而变化


PHP variable change based on device width

我想做的是让我的网站获得访问者拥有的窗口的当前宽度。然后我想有两个不同的选择。像这样:

<script>
if (screen.width < 768) {
<?php $a = 1; ?>
} else {
<?php $a = 2; ?>
}
</script>

我想做的是我的 php 变量应该根据设备宽度而改变。

哪种方法最简单?我无法编写或理解一行 AJAX,所以如果这是唯一的方法,我会对某种指南感到非常满意,以使它尽可能简单。

用CSS来做它不是正确的方法。所以请不要告诉我与CSS有关的事情。

编辑:

不确定你们是否理解我真正想从这段代码中得到什么。

所以我会写得更具体。

我有一个网站,顶部有一个图像滑块,显示 2 条最新消息。在此之下,我查询了设置为偏移量 2 的帖子,因为我不想查询滑块中的相同新闻。

所以我的代码是这样的:

<?php 
$offset = 2;
$showposts = 10; 
?>
    
    <?php query_posts(array('offset' => $offset, 'showposts' => $showposts,'cat' => '8')); ?>

而且我不能进行两个不同的查询,因为我的广告脚本不能加载超过 1 次,因为那样它们根本不会显示。因此,这一切都需要在一次查询中完成,这就是为什么必须根据设备宽度进行更改的原因。

现在我忘了告诉我,在我的宽度<768 的版本中,我让我的滑块消失,因此我想将偏移量设置为 0 而不是 2。

我希望这更有意义...

您可以使用 cookie 在 JS 和 PHP 之间进行通信。

以下是设置或更新 cookie 的 JS:

document.cookie = "someKey=someVal; path=/;";

然后您可以使用$_COOKIE["someKey"]访问 PHP 中的数据。

有一些PHP脚本试图从用户代理中检测设备类型,这就是我在此cookie不可用(第一页加载)时使用的。因此,我可以在页面加载之前根据智能猜测更改我的 UI。

你必须这样做的一个简单方法是使用 AJAX。然后,您将能够向服务器发出请求并执行某些脚本。

$.post("http://yoursite.com/script.json",  { windowsWidth:  screen.width });

您可以接收变量的窗口宽度,然后在脚本中执行任何您想要的操作。

尝试这样的事情:

var w = $(document).width(); // if you are using jquery
var v;
if (w < 768)
    v = <?php echo $var;?>;
else
    v = <?php echo $var2;?>;