Evenin,
I was just thinking about creating a background for my Twitter page when I thought it would be useful if there was a chrome extension that would resize your window to mimic different display resolutions. I did a search but I couldn’t find one, so I thought I’d have a go at creating one myself.
I haven’t done a lot of javascript before and its still very rusty, but if you’re running chrome on the dev branch you can install the extension here.
Enjoy 
-Ben
[Thanks to famfamfam for the icons]
This has become incredibly popular!! Over 23,000 users and counting!
Get it here, or at the official extensions site
Current version: 2.0
Changelog:
- 2.0
- Added options page
- Added ability to customise resolution list – add/remove/reorder (as requested by gogogadgetearl, Dima, Kirk, Tomek and many others)
- Added option to close popup box on window resize (as requested by Famlam)
- Added option to use desktop notifications
- Improved design
- Added 1024 x 600 as standard resolution (as requested by wikiyu)
- Added 1366 x 768 as standard resolution (as requested by Ben Dickson)
- Added ‘About’ section on options page with a link to buy me a beer should you be so inclined
- 1.80
- Added Google Browser Size support (as requested by Steve)
- Tidied up look and feel
- Added icons for tasks
- Reduced overall width
- Fixed reset bug where sometimes the width wasn’t recorded correctly
- 1.70
- Added reset button (as requested by Kirk, t-dub)
- Added 1024×600 as standard (as requested by danio)
- Added checkboxes to open multiple resolutions at once
- 1.61
- Fixed large icon not showing up in extensions list
- 1.6
- Added new icons
- 1.5
- Added 1280 x 800 and 1280 x 1024
- 1.4
- Polished UI a bit
- Auto-updating now works
- Added custom option to fill in your own resolution
Thank you for a great plugin. It was the first one I have installed in my brand new and shiny Chrome for linux (and it works flawlessly – the plugin and the browser itself
).
Is there any chance you can add "saving custom resolution" feature? Or maybe you can share the source code in some repo, so others can help in development (I would like to help, or at least try to help as i know nothing about plugin coding except it is done in JS).
Best regards
Tomek Fafara
Hey Tomek, I had some probs with the commenting system but I see you now at last, thanks for the comment.
I’m glad you like the plugin! Its had a crazy response an I’m eager to get everyone’s changes in so I am working on it. It would be cool to share the source but I really want to get the core features in before I do that, so I’ll revisit that idea in future.
Thank You. Just what I was looking for. Most valuable.
Not sure how exactly, but the extension set the Chrome window to full screen (no borders, no tabs, no toolbar). The usual "F11 to exit full screen" prompt appears momentarily – but thje F11 key does not work.
I think I may have clicked on a resolution twice, the second time while the window was still resizing.
(Now all I have to do is figure out how to escape full screen mode w/o F11 ….)
Doesn’t work right here, when selecting 1024×768 I get 640×480 window
I have removed all but two resolutions, if that might be the issue.
Chrome version: 5.0.375.29 dev
Hi Steven, I’m unable to recreate that problem, are you sure its resizing that small? What if you add 640×480 back in, does that do the same as the 1024×768 button?
Thanks
Is it possible to make the resize use the viewable portion of the page? Right now the resize takes in to account the frame and toolbars. However, my current project is supposed to run fullscreen with no borders or toolbars at all.
Hi Christian, thanks for the suggestion and for using the extension!
This is going to be the main focus of the next version, there will be controls around toolbars etc so you can test this sort of thing.
For now what I would suggest is adding a resolution adding in the borders etc to test your site, that should have the same effect.
Thanks again,
-Ben
Thanks – just what I was looking for.
Great tool, thanks for volunteering it. But I can’t seem to get it to install when running in incognito mode?
Thanks Eilonvi and Jo.
@Jo – To enable an extension to run in incognito you have to go to the extension manager and enable it, it will then work fine.
Thanks again, glad you like it!
-Ben
I can not download resolution test, please help
It writes mistake
Google
Error
Not Found
The requested URL /crx/download/OgAAAAwu8bMvzCrpPtC6LWVQRr6dDh8oDXCv3FnRa8pH8XN-STK6fTpH4SgnmUBJq2dEjLww09yo3xccn8WA-OK41UEAxlKa5cwjmxx51lihBqorZJK2GgpiD_Wk/extension_2_0.crx was not found on this server.
on your options page (options.html) add this to widthInput and heightInput. This will make it so that the text pops back after the user clicks outside of the text box.
onfocus="if(this.value=='width')this.value='';" onblur="if(this.value=='')this.value='width';"
Thanks anon, will bear that in mind.
thanks for sharing this, i was searching for the same…:-)
Hi,
Great work for `Resolution Test`. I noticed that there are bunch of windows opened with dimension as selected. However it will be great if the resolution is displayed on title bar before original web page title thus it is easy to identify resolution.
Hope you can spare little time to make this happen in your next release soon.
Thanks
That's a great idea Sniper thanks, I'll add it to the list!
-Ben
Please provide detailed help on "Google browser size" feature , as It is bit difficult for me to understand. Regards…
Hi Ajinka, thanks for using Resolution Test!
Google Browser size is explained here – http://browsersize.googlelabs.com/static/about-browser-size.html
I'll be sure to include a link to this in the next version of the extension.
Thanks!
-Ben
my background for my youtube channel is usually fixed for 1440 x 900.
The position of my background is seem to goes wrong in 800 x 600 and 640 x 480.
is this normal?
my youtube account : http://youtube.com/garfieldandfriends1
Hi Ben, Great Job!
Could you add 768×1024 resolution to simulate horizontal iPad?
thks a lot!
Hey Man, tnx for this grate plug in.
Thanks!
subscribe..
Great plugin. Works well! One request, is it possible to have the current resolution display in the browser window? Such as, have it say 1280×1024 in a small box in the lower left hand corner of the browser window? Just a suggestion. Thanks for listening and great work!
Thanks for the suggestion Travis, I’ve added it to the list!
thanks for creating this! so helping me up, dude.. cheers~!
Np! Glad it helps!
Any chance an equally-amazing extension be made for browsers other than Chrome?
Hah thanks for the compliment but I don’t have any plans for other browsers, I just simply don’t have the time, and Chrome is where it’s at anyway
A simple but yet handy feature, the ability to name each screen resolution so that you can asociate it with a concrete device and compare to it instead of remember that device exact resolution.
Hi Dane, thanks for using the extension!
That feature has been requested before and it is in the list for the next update.
Thanks
Excellent extension. It would be perfect if we could name the resolutions something (ie: iPhone, Droid, iPad, Nook).
Would appreciate seeing this capability added. Thank you for such a helpful extension!
Happy Holidays!
oOps…sorry. Didn’t read the other comments earlier. Glad to hear the feature is in development. w00t!
Happy holidays!
Pingback: The tools I couldn’t live without. : THEONEPOINTZERO.
Pingback: Need help with responsive testing? | Death, Taxes & the Internet