
- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to detect the screen resolution with JavaScript?
To detect the screen resolution, use the concept of window.screen.
For width, use the following −
window.screen.availWidth
For height −
window.screen.availHeight
Following is the code to detect the screen resolution −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <script> console.log("Available Width="+window.screen.availWidth); console.log("Available Height="+window.screen.availHeight); </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
- Related Questions & Answers
- How to detect the screen size of iPhone 5?
- How to develop or migrate apps for iPhone 5 screen resolution?
- How to detect a mobile device with JavaScript?
- What's the best way to detect a 'touch screen' device using JavaScript?
- How to find the coordinates of the cursor relative to the screen with JavaScript?
- How to detect whether the browser is online or offline with JavaScript?
- How to detect a particular feature through JavaScript with HTML
- How to return pixel depth of the screen in JavaScript?
- How to create a multi-resolution favicon with GIMP?
- How to create a full screen search box with CSS and JavaScript?
- How to detect that JavaScript Cookies are disabled?
- How to detect all active JavaScript event handlers?
- Python Pandas - Round the Timedelta with specified resolution
- Detect the ENTER key in a text input field with JavaScript
- JavaScript JavaScript BOM Window Screen
Advertisements