Can I resize the browser window?_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-03-27 13:52 出处：网络

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 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 p开发者_如何学Cractice, I asked on ux.stackexchange.com.

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()">

use

window.resizeBy(relativeW, relativeH);

Whilst you might technically be able to do this, you really shouldn't. forcing the size of the browser window fundamentally changes the browsing experience for a user which isn't your place to do. Very bad practise and poor user experience.

Edit: Interesting to still get comments on this, but to be clear this answer is 6 years old, which is an age in web development time. Rather than edit it in context or delete it, I would say that it is wise to investigate current web development UX practises.