Sunday
Nov292009
Chrome Extension: Resolution Test
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]
Update on Jun 10, 2010 at 11:59 PM by
Ben Beckford
Ben Beckford
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 1024x600 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
tagged 
chrome, development, extensions, programming
chrome, development, extensions, programming 
Reader Comments (14)
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 1024x768 I get 640x480 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 640x480 back in, does that do the same as the 1024x768 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 beat that in mind.