Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I resize the browser window?

I want to resize a browser popup window's width and height. I can set the popup window size but I want to convert the window size fit to contents size when a page is redirected to another page.

I tried this:

$(window).width(1000);  // Not working. 

How can I do this?

Update

Everybody told me not to do it. To find out the exact reason why this is bad practice, I asked on ux.stackexchange.com.

like image 427
Sanghyun Lee Avatar asked Aug 11 '11 08:08

Sanghyun Lee


People also ask

How do I resize my browser in Windows 10?

Press Alt + Space shortcut keys together on the keyboard to open the window menu. Now, press S. The mouse cursor will turn into a cross with arrows. Use the left, right, up and down arrow keys to resize your window.

How do I resize a window to fit the screen?

Move or resize a window using only the keyboard. Press Alt + F7 to move a window or Alt + F8 to resize. Use the arrow keys to move or resize, then press Enter to finish, or press Esc to return to the original position and size. Maximize a window by dragging it to the top of the screen.

How do I resize a pop up window in Chrome?

The popup window sizes are set to the Chrome's largest possible limits. Alternatively you can set this Option > Button > "Open Checker Plus detached" then open the popup by clicking the icon and resize the window. The next time you open the popup it will remember that size.


2 Answers

I found some answers to this question. This question is duplicate. But I'll answer again because I'll integrate them and add some more information.

To resize the window, you can simply do this:

window.resizeTo(width, height); 

But this method is not working in Chrome and Opera. How do you resize an IE browser window to 1024 x 768

The reason, from The javascript "resizeTo" function not working in Chrome and Opera, is:

The resizeTo method is disabled by default in several browsers, and I know that it can also be manually disabled in Firefox.

It has been widely misused, so most browser vendors feel that it should be disabled, or at least a user controllable option.

But the method is working on popups even in Chrome or Opera. I guess the reason is that the browser vendors thought the resizeTo method could be needed in popups, and I think so.

To discuss this I made a thread about this issue on ux.stackexchange.com. https://ux.stackexchange.com/questions/9903/why-is-resizing-the-browser-window-bad-practice/9962#9962

I'm not sure if the resizeTo method is evil in every case but I'm sure that one should be careful when using this method.

like image 125
Sanghyun Lee Avatar answered Oct 02 '22 18:10

Sanghyun Lee


<script type="text/javascript">     function changeScreenSize() {                 window.resizeTo(screen.width-300,screen.height-500)        } </script>  <body onload="changeScreenSize()"> 
like image 32
Chhaya Avatar answered Oct 02 '22 16:10

Chhaya