在新窗口中打开页面上的div,同时保持通过websockets更新它的能力

我正在尝试在新窗口(新浏览器窗口)中打开页面的一部分(我有通知),同时保持获取websocket更新的能力,以便在更新某些内容时可以在两个窗口上接收通知。

我想知道是否有使用jQuery或任何其他方法来做这件事。 如果重要的话,我使用的框架是主干。

提前感谢任何想法!

尝试

HTML

 

JS

 $(function () { $("input[value=open]").focus().one("click", function () { $("body").append("
"); var popup = window.open("", "popup", "width=200, height=100"); popup.document.write("popup ready"); $(".update").html("popup ready"); popup.focus(); $("textarea").on("change", function (e) { popup.document.write($(this).val() + "
"); $(".update").html(function (i, o) { return o + $(e.target).val() + "
"; }); $(this).val(""); return popup.focus(); }).change(); $("input[value=close]").on("click", function () { popup.close(); return $("textarea").attr("placeholder", "popup closed"); }); return $("textarea").attr("placeholder", "popup ready to update"); }); });

jsfiddle http://jsfiddle.net/guest271314/b2e7t/