Getting the screen resolution using PHP

Question

I need to find the screen resolution of a users screen who visits my website

User · Answer

Directly with PHP is not possible but     I write this simple code to save screen resolution on a PHP session to use on a image gallery    lt  php session start    if isset   SESSION  screen width    AND isset   SESSION  screen height          echo  User resolution        SESSION  screen width      x      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   lt script type  text javascript  gt window location          SERVER  PHP SELF       width   screen width   amp height   screen height  lt  script gt        gt

User · Answer

You can check it like below   if strstr strtolower   SERVER  HTTP USER AGENT      mobile      strstr strtolower   SERVER  HTTP USER AGENT      android         echo  mobile web browser      else   echo  web browser

User · Answer

You can set window width in cookies using JS in front end and you can get it in PHP    lt script type  text javascript  gt     document cookie    window width   window innerWidth    expires Fri  3 Aug 2901 20 47 11 UTC  path      lt  script gt    lt  PHP       COOKIE  window width      gt

User · Answer

PHP works only on server side  not on user host  Use JavaScript or jQuery to get this info and send via AJAX or URL   x 1024 amp y 640

User · Answer

JS     ajax       url   ajax php       type   POST       data   width        body   width        success  function msg             return true              ajax php  if  empty   POST  width          width    int   POST  width

User · Answer

I found using CSS inside my html inside my php did the trick for me    lt  php                  echo   lt h2 media  screen and  max-width  480px   gt         echo  My headline       echo   lt  h2 gt          echo   lt h1 media  screen and  min-width  481px   gt         echo  My headline       echo   lt  h1 gt            gt    This will output a smaller sized headline if the screen is 480px or less  So no need to pass any vars using JS or similar

User · Answer

This can be done easily using cookies   This method allows the page to check the stored cookie values against the screen height and width  or browser view port height and width values   and if they are different it will reset the cookie and reload the page   The code needs to allow for user preferences  If persistant cookies are turned off  use a session cookie   If that doesn t work you have to go with a default setting    Javascript  Check if height  amp  width cookie set  Javascript  If set  check if screen height  amp  screen width  or whatever you want  matches the current value of the cookie Javascript  If cookie not set or it does not match the current value  then   a  Javascript  create persistent or session cookie named  e g    shw  to value of current screen height  amp  screen width   b  Javascript  redirect to SELF using window location reload     When it reloads  it will skip the step 3  PHP    COOKIE  shw   contains values   Continue with PHP   E g   I am using some common cookie functions found on the web  Make sure setCookie returns the correct values  I put this code immediately after the head tag   Obviously the function should be in a a source file     lt head gt   lt script src   include cookielib js  gt  lt  script gt   lt script type text javascript gt  function setScreenHWCookie            Function to set persistant  default  or session cookie with screen ht  amp  width        Returns true if cookie matches screen ht  amp  width or if valid cookie created        Returns false if cannot create a cookies      var ok    getCookie   shw        var shw value   screen height  px   screen width  px       if     ok    ok    shw value             var expires   7    days         var ok   setCookie   shw   shw value  expires          if   ok                          not possible to set persistent cookie             expires   0             ok   setCookie   shw   shw value  expires              if   ok         return false    not possible to set session cookie                   window location reload              return true    setScreenHWCookie     lt  script gt        lt  php if  isset   COOKIE  shw            hw values     COOKIE  shw

User · Answer

Easiest way   lt  php    -- you can modified it like you want  echo  width     lt script gt document write screen width   lt  script gt    echo  height     lt script gt document write screen height   lt  script gt       gt

User · Answer

lt script type  text javascript  gt   if screen width  lt   699        lt  php  screen    mobile    gt   else       lt  php  screen    default    gt      lt  script gt    lt  php echo  screen    gt

User · Answer

Fully Working Example  I couldn t find an actual working PHP example to  invisibly   without URL parameters  return client screen size  and other properties  to server-side PHP  so I put this example together   JS populates and submits a hidden form  scripted by PHP from an array of JS properties   POSTing to itself  the data now available in PHP  and returns the data in a table    Tested in  several  browsers      lt  DOCTYPE html gt   lt html gt   lt head gt       lt title gt  Client Info  lt  title gt       lt style gt table tr border 2px solid gold border-collapse collapse  td padding 5px   lt  style gt   lt  head gt    lt body gt   lt  php    clientProps array  screen width   screen height   window innerWidth   window innerHeight         window outerWidth   window outerHeight   screen colorDepth   screen pixelDepth       if   isset   POST  screenheight           echo  Loading    lt form method  POST  id  data  style  display none  gt        foreach  clientProps as  p       create hidden form       echo   lt input type  text  id    str replace         p     name    str replace         p     gt              echo   lt input type  submit  gt  lt  form gt         echo   lt script gt        foreach  clientProps as  p       populate hidden form with screen window info       echo  document getElementById      str replace         p        value    p              echo  document forms namedItem  data   submit        submit form     echo   lt  script gt        else       echo   lt table gt        foreach  clientProps as  p        create output table       echo   lt tr gt  lt td gt   ucwords str replace          p      lt  td gt  lt td gt     POST str replace         p     lt  td gt  lt  tr gt              echo   lt  table gt          gt   lt script gt      window history replaceState null null     avoid form warning if user clicks refresh  lt  script gt   lt  body gt   lt  html gt    The returned data is extract d into variables  For example      window innerWidth is returned in  windowinnerWidth

User · Answer

In PHP there is no standard way to get this information  However  it is possible if you are using a 3rd party solution  51Degrees device detector for PHP has the properties you need      51d  ScreenPixelsHeight     51d  ScreenPixelsWidth     Gives you Width and Height of user s screen in pixels  In order to use these properties you need to download the detector from sourceforge  Then you need to include the following 2 lines in your file files where it s necessary to detect screen height and width    lt  php require once  path to core 51Degrees php   require once  path to core 51Degrees usage php     gt    Where path to core is path to  Core  directory which you downloaded from sourceforge  Finally  to use the properties    lt  php echo   51d  ScreenPixelsHeight      Output screen height  echo   51d  ScreenPixelsWidth      Output screen width    gt    Keep in mind these variables can contain  Unknown  value some times  when the device could not be identified

User · Answer

Here is the Javascript Code   index php    lt script gt      var xhttp   new XMLHttpRequest          xhttp open  POST     sqldb php   true       xhttp send  screensize   screen width screen height    lt  script gt    Here is the PHP Code   sqldb php    data     POST  screensize     pdo   new PDO  mysql host localhost dbname test    username    password     statement    pdo- gt prepare  UPDATE users SET screen   screen WHERE id    userid     statement- gt execute array  screen    gt   data      I hope that you know how to get the  userid from the Session  and for that you need an Database with the Table called users  and an Table inside users called screen     Regards KSP

User · Answer

solution  make scalable web design       our should i say proper web design   formating should be done client side and i did wish the info would be passed down to server but the info is still usefull   how many object per rows kind of deal    but still web design should be fluid thus each row elements should not be put into tables unless its an actual table   and the data will scale to it s individual cells  if you use a div you can stack each elements next to each other and your window should  break  the row at the proper spot    just need proper css

User · Answer

You can t do it with pure PHP  You must do it with JavaScript  There are several articles written on how to do this   Essentially  you can set a cookie or you can even do some Ajax to send the info to a PHP script  If you use jQuery  you can do it something like this   jquery     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  some script php    lt  php    For instance  you can do something like this  if isset   POST  width     amp  amp  isset   POST  height             SESSION  screen width       POST  width          SESSION  screen height       POST  height        echo json encode array  outcome   gt  success       else       echo json encode array  outcome   gt  error   error   gt  Couldn t save dimension info         gt    All that is really basic but it should get you somewhere  Normally screen resolution is not what you really want though  You may be more interested in the size of the actual browser s view port since that is actually where the page is rendered

User · Answer

This is a very simple process  Yes  you cannot get the width and height in PHP  It is true that JQuery can provide the screen s width and height  First go to https   github com carhartl jquery-cookie and get jquery cookie js  Here is example using php to get the screen width and height        lt  DOCTYPE html gt       lt html lang  en  gt       lt head gt           lt meta charset  UTF-8  gt           lt title gt Test lt  title gt           lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt           lt script src  https   ajax googleapis com ajax libs jqueryui 1 12 1 jquery-ui min js  gt  lt  script gt           lt script src  js jquery cookie js  gt  lt  script gt           lt script type text javascript gt              function setScreenHWCookie                       cookie  sw  screen width                     cookie  sh  screen height                   return true                            setScreenHWCookie             lt  script gt       lt  head gt       lt body gt           lt h1 gt Using jquery cookie js to store screen height and width lt  h1 gt       lt  php          if isset   COOKIE  sw       echo  Screen width      COOKIE  sw     lt br  gt              if isset   COOKIE  sh       echo  Screen height      COOKIE  sh     lt br  gt           gt       lt  body gt       lt  html gt    I have a test that you can execute  http   rw-wrd net test php

User · Answer

PHP is a server side language - it s executed on the server only  and the resultant program output is sent to the client  As such  there s no  client screen  information available   That said  you can have the client tell you what their screen resolution is via JavaScript  Write a small scriptlet to send you screen width and screen height - possibly via AJAX  or more likely with an initial  jump page  that finds it  then redirects to http   example net index php size AxB  Though speaking as a user  I d much prefer you to design a site to fluidly handle any screen resolution  I browse in different sized windows  mostly not maximized

User · Answer

You can try RESS  RESponsive design   Server side components   see this tutorial   http   www lukew com ff entry asp 1392

User · Answer

Use JavaScript  screen width and screen height IIRC  but I may be wrong  haven t done JS in a while   PHP cannot do it

User · Answer

I don t think you can detect the screen size purely with PHP but you can detect the user-agent     lt  php     if   stristr  ua   Mobile                DEVICE TYPE  MOBILE              if  isset  DEVICE TYPE  and  DEVICE TYPE   MOBILE             echo   lt link rel  stylesheet  href   css mobile css    gt           gt    Here s a link to a more detailed script   PHP Mobile Detect

User · Answer

The quick answer is no  then you are probably asking why can t I do that with php  OK here is a longer answer  PHP is a serverside scripting language and therefor has nothing to do with the type of a specific client  Then you might ask  why can I then get the browser agent from php    thats because that information is sent with the initial HTTP headers upon request to the server  So if you want client information that s not sent with the HTTP header you must you a client scripting language like javascript

User · Answer

The only way is to use javascript  then get the javascript to post to it to your php if you really need there res server side   This will however completly fall flat on its face  if they turn javascript off

[php] Getting the screen resolution using PHP

Examples related to php

Examples related to server

Examples related to client

Examples related to resolution

Examples related to detect