我正在为 oauth 创建一个弹出窗口。现在,我只是在使用:
window.open(href, '', 'chrome=yes')
这很好用。我正在寻找一种改进的体验,就像 facebook 提供的登录一样,其中:
- 窗口有一个
max-height
和max-width
。现在,它与父窗口的大小相同。 - 窗口相对于父窗口居中。当我按照http://www.webpop.com/blog/2011/02/16/add-a-custom-twitter-button-to-your-website上的说明操作时,窗口位于用户的桌面上,不是父窗口。当浏览器不在左上角或在不同的显示器上时,这会使事情变得混乱。
- 当用户关闭父窗口时窗口关闭
但是,浏览https://developer.mozilla.org/en-US/docs/Web/API/window.open并没有帮助我解决这个问题。我能做些什么?