cross-browser resize browser window in JavaScript

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

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

The fact is that Chrome, Firefox and newer IEs doesn’t allow resize of tabbed windows and windows not opened by (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);

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);

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .

Similar Posts