Getting Screen Resolution PHP

// jQUERY FILE

$(function() {
    $.post('some_script.php', { width: screen.width, height:screen.height }, function(json) {
        if(json.outcome == 'success') {
            // do something with the knowledge possibly?
        } else {
            alert('Unable to let PHP know what the screen resolution is!');
        }
    },'json');
});

// PHP FILE

<?php
// For instance, you can do something like this:
if(isset($_POST['width']) && isset($_POST['height'])) {
    $_SESSION['screen_width'] = $_POST['width'];
    $_SESSION['screen_height'] = $_POST['height'];
    echo json_encode(array('outcome'=>'success'));
} else {
    echo json_encode(array('outcome'=>'error','error'=>"Couldn't save dimension info"));
}
?>

View another examples Add Own solution

3.5

Keyboard-k 100 points

                                    //Save in cookie to access with $_COOKIE[&quot;screenXYZ&quot;];

//SetScreenResToCookie.php
&lt;?php
if (isset($_POST)) {
    echo &quot;success&quot;;
    setcookie(&quot;screenW&quot;, $_POST[&quot;screenWidth&quot;], time() + (86400 * 30), '/');
    setcookie(&quot;screenH&quot;, $_POST[&quot;screenHeight&quot;], time() + (86400 * 30), '/');
} else {
    echo &quot;Error. $&quot; . &quot;_POST array is not set!&quot;;
}
?&gt;
  
//where u need the Screen res(only a example):
  
//header.php
//The function 
&lt;?php
function screenResToCookie()
{
 if (isset($_SERVER[&quot;HTTP_X_FORWARDED_PROTO&quot;])) {
        $http = $_SERVER[&quot;HTTP_X_FORWARDED_PROTO&quot;];
    } else {
        $http = $_SERVER[&quot;REQUEST_SCHEME&quot;];
    }
    $url = $http . &quot;://&quot; . $_SERVER[&quot;HTTP_HOST&quot;];
    echo &quot;&lt;script&gt;
        var damn = setInterval(() =&gt; {
            var formData = {
                screenWidth: screen.width,
                screenHeight: screen.height
            };

            $.ajax({
                url: '&quot; . $url .&quot;/.../SetJScookie.php?&quot; . time() .&quot;',//This needs to be the URL on the domain u access the website from. ajax dont allow HTTPS
                type: 'POST',//because 'SetScreenResToCookie.php' use POST Array
                data: formData, //data in json format
                async: false, //enable or disable async (optional, but suggested as false if you need to populate data afterwards)
                success: function(response, textStatus, jqXHR) {
                    console.log(response);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);
                }
            });
        }, 1000);
    &lt;/script&gt;&quot;;
}

function ReturnHeader($..., $...) {
  $Mobile = false;//If we dont wanne use Bootstrap or @media
  screenResToCookie();//set the cookie for us
  if (intval($_COOKIE[&quot;screenW&quot;]) &lt; 735) {
        $Mobile = true;
    }
  
  if ($Mobile) {
	//print header with mobile style(Dropdowns added or whatever)
  } else {
   //print header with Computer/Tablet style 
  }
}
?&gt;

Thank you! 2