Resize the browser window from the toolbar

Apr 18, 2006

If you design or tests websites, then you have to make sure they work in different screen resolutions. You have to change the size of the browser window or maybe even change the screen resolution. There are tools that let you resize the window to different predefined sizes, like the Internet Explorer Developer Toolbar or the Web Accessibility Toolbar.

If you don’t want to install a toolbar or some other program to resize your screen, you can do something very simple but really useful and customizable. Add any page to your favourites (bookmarks in Firefox) and place it in the Links folder in IE or the Bookmark Toolbar in Firefox. Then right-click the new favourite and change the location to javascript:window.resizeTo(1024,768); and rename it to 1024x768.

The link toolbar with resize buttons

The link toolbar with resize buttons in their own folder

You can then add another favourite and call it 800x600 or whatever screen size you want. It’s quick, simple and easy to customize.

* $4.95/month BlogEngine.net Hosting – Click Here!

Comments (3) -

John Rummell
John Rummell
8/23/2006 4:14:19 PM #

That's cool.

Sanjay
Sanjay
8/23/2006 8:30:35 PM #

Agreed, it's cool...Although installing IE Dev Toolbar does provide quite a few other features (Element outlining, rulers, validation)  So you may want to install it anyway =)

Kamran Shahid
Kamran Shahid Islamic Republic of Pakistan
12/19/2007 5:05:17 AM #

Nice Technique.
Can You Please let us know how to do the same in IE 7
I have tried But can't able to do that.

Comments are closed

About the author

Mads Kristensen

Mads Kristensen
Program Manager at the Microsoft Web Platform team and founder of BlogEngine.NET.

More...

Month List

Disclaimer

The opinions expressed herein are my own personal opinions and do not represent my employer’s view in any way.