cross-browser resize browser window in JavaScript

Question

I would like to be able to resize the browser window with JavaScript. I don't want to use jQuery, and the smaller the code the better, but it has to work in all of the major browsers including Chrome.

Any solutions?

Thanks for the help!

P.S. The tags that this question was tagged with should be combined but I don't know how.

browser -----------same as--> webbrowser

cross-browser----same as--> browser compatibility

Why don't you want to use jQuery (or some other useful framework)? — Eddie
– Eddie, Commented Sep 17, 2011 at 2:33
@Eddie This is just a very small task, and I'd rather not include a very large library. — Web_Designer
– Web_Designer, Commented Sep 17, 2011 at 2:39

epascarello · Accepted Answer · 2011-09-17 04:29:19Z

21

window.resizeTo( width, height );

The problem you may face is modern day browsers can prevent you in the settings to not be able to resize the window. There is no way around that.

Chrome will not allow it. Won't Fix Bug

IE is based on security zones

edited Sep 17, 2011 at 4:29

answered Sep 17, 2011 at 2:42

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

epascarello Over a year ago

Because modern day browsers block it. Chrome won't fix

Michael J. Calkins Over a year ago

I love how the chrome thread breaks down to flaming like a bunch of children throwing tantrums.

Ciro Santilli OurBigBook.com Over a year ago

The article says resizeTo is DOM0: general convention not in any standard.

tivolimeister · Accepted Answer · 2012-01-17 10:17:28Z

The fact is that Chrome, Firefox and newer IEs doesn't allow resize of tabbed windows and windows not opened by window.open() (Chrome at least).

But for popups it's doable for the most part, unless the security setting in the browser blocks that functionality. However using window.resizeTo() is complicated. Use window.resizeBy() instead.

Chrome has a bug getting the size of a popup window to soon so you have to work around that.

if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
    var t = setTimeout("resize()", 200);
else
    resize();

function resize() {
    var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    var targetWidth = 800;
    var targetHeight = 600;
    window.resizeBy(targetWidth-innerWidth, targetHeight-innerHeight);
}

user149341 · Accepted Answer · 2011-09-17 03:03:41Z

6

There is no way for a web page to resize the main browser window in Chrome. JavaScript code is only permitted to resize popup windows.

answered Sep 17, 2011 at 3:03

user149341

Collectives™ on Stack Overflow

cross-browser resize browser window in JavaScript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related