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.
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.
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.
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.
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.
<script type="text/javascript"> function changeScreenSize() { window.resizeTo(screen.width-300,screen.height-500) } </script> <body onload="changeScreenSize()">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With