首次加载时,在php中获取用户的屏幕和视口尺寸

Question

首次加载时,在php中获取用户的屏幕和视口尺寸

ken*_*359 5 php resolution dimensions

当用户访问页面时,我希望在PHP中获得屏幕和视口的高度/宽度.

我尝试了不同的方法,但它们都会导致其他问题.

我的目标:

获取第一次加载的信息(没有跳转页面,没有重新加载).
不要更改网址
不影响在加载时运行的PHP的其余部分,或者使PHP运行两次

到目前为止我尝试过的:

用于获取视口尺寸的Javascript:

if(!isset($_POST['width']) || !isset($_POST['height'])) {
echo '
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    var height = $(window).height();
    var width = $(window).width();
    $.ajax({
        type: \'POST\',
        data: {
            "height": height,
            "width": width
        },
        success: function (data) {
            $("body").html(data);
        },
    });
});
</script>
';
}

$user_width = $_POST['width'];
$user_height = $_POST['height'];

Run Code Online (Sandbox Code Playgroud)

问题:导致所有php运行两次,一次加载,一次它返回一个值(第二次是第一次后约4秒),这使得其余的php古怪...也,使页面加载速度很慢

将屏幕尺寸放入网址:

if(isset($_SESSION['screen_width']) AND isset($_SESSION['screen_height'])){
    $user_width = $_SESSION['screen_width'];
    $user_height = $_SESSION['screen_height'];
    } else if(isset($_REQUEST['width']) AND isset($_REQUEST['height'])) {
        $_SESSION['screen_width'] = $_REQUEST['width'];
        $_SESSION['screen_height'] = $_REQUEST['height'];
        header('Location: ' . $_SERVER['PHP_SELF']);
    } else {
        echo '<script type="text/javascript">window.location = "' . $_SERVER['PHP_SELF'] . '?width="+screen.width+"&height="+screen.height;</script>';
    }

Run Code Online (Sandbox Code Playgroud)

问题:更改网址(影响其他代码,与现在的无表情网址相比看起来很糟糕); afaik不会返回视口大小

我是个菜鸟.也许这很容易,但我真的不知道.我搜索了很多.这就是我如何获得上述方法.但我无法让他们为我工作.Afaik,我没有看到类似情况下的任何解决方案.

谢谢 :)

Answer 1

Mat*_*att 6

如何将您的文档准备好的AJAX请求发送到单独的PHP文档,然后将其包含在页面加载的头部.这样,您就可以将准备加载的任何特定HTML直接放入正文中.

例如:

<head>
<script>
$(document).ready( function() {
    var height = $(window).height();
    var width = $(window).width();
    $.ajax({
        url: 'body.php',
        type: 'post',
        data: { 'width' : width, 'height' : height, 'recordSize' : 'true' },
        success: function(response) {
            $("body").html(response);
        }
    });
});
</script>
</head>
<body></body>

Run Code Online (Sandbox Code Playgroud)

然后你的body.php文件看起来像:

<?php
if(isset($_POST['recordSize'])) {
$height = $_POST['height'];
$width = $_POST['width'];
$_SESSION['screen_height'] = $height;
$_SESSION['screen_width'] = $width;
//Any html you want returned in here

Run Code Online (Sandbox Code Playgroud)

如果你不希望JS函数运行每个页面加载,只需将整个内容包装起来 <?php if(isset($_SESSION['screen_height'])) { //JS function } ?>

一旦你拥有它们,我不是百分之百确定你打算用尺寸做什么,所以如果我的回答有点模糊,我很抱歉,但是通过这样做,页面只在第一次访问时设置保存的尺寸浏览会话,它不必重定向,所以我希望它至少有点帮助:)

归档时间：	12 年，4 月前
查看次数：	21867 次
最近记录：	6 年，6 月前