Is it possible to get the screen resolution of the users moniter using only javascript. No other external stuff, just pure javascript. I guess most of the people using JAVA for this. I also got some scripts regarding this which used SCREEN.WIDTH function or something, but they did not seem to work out. Any possible solutions.
BTW, is it possible to get the resolution using PHP ( I guess it is not ) ...

It is possible with JavaScript, because it is client-side - but not with PHP, as it is server-side.

This is quite easy, but when you say screen.width doesn't seem to work makes me wonder what the problem could be?

screen.width and screen.height work with NS 4+ and IE 5+ web browsers.

We can output on our site what their resolution our viewers are running at, dependant on their browser.

to do this we do:



You can't use PHP to grab client information because it is a server-side script and has no involvement with the client. If you're wondering how you get browser agent names and such, that is because this is sent within the HTTP Headers upon request.

Usually you would use a mix of JavaScript and PHP to help you with creating optimised sites for your viewers.


Cheers, MC

ok thanks useful

With the combination of server side scripting and client side scripting, it is possible:

Then, in the PHP script, you can get the screen size by using these two variables:

Some browsers (I think ns4 and below) use 'screen.availWidth' to get width and screen.availHeight to get height.

Try that if screen.width and screen.height does not work.

Getting Screen Resolution using Javascript.
Getting Screen Resolution using Javascript.

<A HREF="javascript:alert('Your resolution is '+screen.Width+'x'+screen.Height);">
Click for your screen resolution</A>


-Sathish kumar

I am curious... Is there a way to get the height and width of the viewing area as opposed to the entire screen? Let's say for example that I have a website that will direct users to different HTML pages depending on their resolution. But it still will not display properly if a user uses only half a screen for their browser.

I would just like to get the width from the inside of the border on the left to the scroll bars on the right and the height from the bottom of the toolbars to the top of the status bar. Can this be done?

- Jared

No, there's no way to know if a browser window is maximised or anything like that.