Simulate different resolutions

Well, this is a bookmarklet for IE that I use to see how a page works with different widths (i.e. you can simulate 1280x1024 or 640x480) without need to change resolutions or adjust window size. Not 100% accurate, but it's enough


javascript:db=document.body;bst=db.style.zoom=1;resdesti=prompt("Destination:",800); db.style.zoom=db.offsetWidth/resdesti;void('')

seems to work well...

silly question: ive been trying to work out for a long time how to add a piece of javascript to your bookmarks... can anyone tell me?:eek:    ;)

Originally posted by redhead
seems to work well...

silly question: ive been trying to work out for a long time how to add a piece of javascript to your bookmarks... can anyone tell me?:eek:    ;)

bookmarklets usually appear inside a link, and with the context menu it's very easy to add to favourites.

Coding forums doesn't allows that kind of links in a post, but you can add the current page to your bookmarks, then go to properties and paste the code

heh thanks man... these things always seem so simple when someones told you the answer... :thumbsup:

I've always used this onejavascript:top.resizeTo(prompt("Enter new width",800),prompt("Enter new height",550));

Browser Sizer (http://download.com.com/3000-2068-902705.html) does the job for me...

Originally posted by Vladdy
Browser Sizer (http://download.com.com/3000-2068-902705.html) does the job for me... That's pretty cool.

OK, I feel silly, but I need to clarify what this code is for and how to use it. Are you saying that if I put this code into sites that I design the person viewing it will see the page as I intended? (In the screen resolution/browser size that I designed it to work best in?

Pretty cool if that's the case. Now, where do I plug it in? Body? head?. . . ?

Thanks,
MA Funk

No, the use is for design process-only; not recommended to be used in the "real world"

i.e:

you want to see how a site will look with larger resolution (will it look too empty?, how will backgrunds repeat?) or a smaller one (will appear horizontal scrollbars?)

of course, you can do something similar resizing the window to an specified size or using an external program. What I think that makes the script interesting is that you can simulate i.e. 800x1200 pixels in a window of 400x600 pixels, or 1280 width in 1024x768 resolution

It's useful for me and maybe for anybody else, and that's why I posted it :)

Originally posted by mafunk
OK, I feel silly, but I need to clarify what this code is for and how to use it. Are you saying that if I put this code into sites that I design the person viewing it will see the page as I intended? (In the screen resolution/browser size that I designed it to work best in?

Pretty cool if that's the case. Now, where do I plug it in? Body? head?. . . ?

Thanks,
MA Funk No, these shouldn't be used for something like that. They are tools for developers to see what their sites in progress look like at different screen resolutions. If I'm using 1024x768 or larger, it can be difficult to know exactly how the site will look at 800x600 or whatever. And let's face it, it's a pain to have to switch your native resolution just to check on web-pages.

This is a nice online tool.

http://www.bcr.org/~msauers/restest.html