Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Browser Window » Best Resolution

JavaScript Best Resolution, Browser Window Source Code

Great JavaScript code of browser window best resolution alert. This code will Displays a message if the user is not viewing your site in the proper resolution that you designed it for. If they are using the proper resolution, they do not see any message at all.

For example, if your website content, videos, picture, products, or components must view in specific monitor resolution to look better. Than this JavaScript will help you inform your visitors or clients to change the monitor screen to proper resolution.

Many website lost their sales because of the screen problem, visitors may leave instantly if they feel in confusion or uncomfortable on the website.

To use this script:

Copy and paste the code into your notepad or editor.
Change the values 1600(width), 800(height) to your website best resolution.
Insert this code within HTML tags <head></head> and done.

Insert this code before </head>

<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original:  Craig Lumley -->
<!-- Web Site:  http://www.craiglumley.co.uk -->

<!-- This script and many more are available free online at -->
<!-- Road2webmaster!! http://www.road2webmaster.com -->

<!-- Begin
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ".  Please change your screen resolution "
+ "to best view the site, if possible.  Thanks!";
document.write(msg);
}
//  End -->
</script>

Insert this code before </body>

Related Resources: