javascript - Chrome 跨窗口通信

Question

我有一个 HTML5 框架，并且已经开发和集成了调试器/配置文件/控制台等。在全屏模式下，我看不到调试器（显然是因为画布是全屏的）。所以，我需要做另一个选项卡或弹出窗口，以便可以将调试器移到另一个监视器或其他任何东西上。但是，调试器需要能够访问（监视）打开它的窗口或选项卡。

我唯一的其他选择是在加载框架的调试版本时不允许全屏显示，但这不是我想要的各种搜索路径。所以基本上我的问题是，我可以让一个窗口（webapp）打开一个弹出窗口（调试器）并让那个弹出窗口访问打开的窗口（webapp）吗？

Answer 1

是的，您可以这样做，如果父窗口和子窗口来自不同的域，浏览器会出于安全原因阻止它。

如果它们在不同的域上运行并且您可以控制父窗口和子窗口代码，请在两个页面上设置此项。

document.domain = '.xyz.com';

您可以调用子窗口对象，例如，

winobj=window.open('child window') 
...
winobj.document.getElementById("elementname").value=""

和父窗口一样，

window.opener.functionname(a,b) or window.opener.buttonid.name

请查看响应标头“ Access-Control-Allow-Origin”以允许在您无法控制父窗口或子窗口域且它们不同的其他域上执行跨域脚本。

Answer 2

按opener属性如何？

opener.runFunction();