javascript - 为oauth创建一个弹出窗口

标签 javascript css authentication oauth popup

我正在为 oauth 创建一个弹出窗口。现在,我只是在使用:

window.open(href, '', 'chrome=yes')

这很好用。我正在寻找一种改进的体验,就像 facebook 提供的登录方式一样,其中:

  • 窗口有一个 max-heightmax-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没有帮我解决这个问题。我能做些什么?

最佳答案

我之前也遇到过同样的问题。这就是我所做的:

(1)。使用这样的东西:window.open(SITE_URL+'linkedin/signuplink.php','name','height=500,width=400');

对于 (2) 和 (3),我一收到 oauth 的响应就关闭了弹出窗口。

自己寻找更好的解决方案。

关于javascript - 为oauth创建一个弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18118005/

相关文章:

javascript - IE 中的 AngularJS 错误与风格 vs ng 风格

jquery - 使用 SmartBanner 将横幅保留在网站标题上方

css - 表格单元格的 100% 高度在 IE 中不起作用

javascript - jQuery 防止连续加载同一张图片两次

objective-c - 如何在 Mac OS 10.6+ 中使用 obj-c 切换到登录窗口

javascript - JWT 子声明在验证期间被忽略

javascript - jQuery each() 循环迭代次数超过预期

javascript - 如何一次在 Javascript Map 中设置多个值?

node.js - Graphdb.js Node.js - 使用 GraphDB 进行 Node 服务器身份验证

javascript - 如何使用代理来观察变量是否(不再)未定义