我怎样才能 "stream" 我网页的一部分到另一个 window？

Question

我想将我网页上的某个容器流式传输到另一个 window。

设置类似于销售点系统。即一个面向操作员的显示器和第二个面向客户的显示器。

面向操作员的显示屏将有一个 window，其中包含所有工具栏、菜单等。而面向客户的显示屏将仅显示第一个面向操作员的 window 中的某个容器。

如下：操作员显示将包含完整的网页内容。而客户显示将仅包含#output 容器。

运营商展示

<div id="toolbar">
    <ul>
         <li><button>Action 1</button></li>
         <li><button>Action 2</button></li>
    </ul>
</div>
<div id="output">
   //OUTPUT GOES HERE
</div>

客户展示

<div id="output">
   //OUTPUT GOES HERE
</div>

有办法吗？

Answer 1

因为你把 "stream" 放在引号里，我假设你正在寻找不同的解决方案来解决这个问题。

在浏览器中，您可以轻松地打开一个新的 window 并从主页控制它，我创建了一个实现案例的小片段，其中一个 window 您可以添加项目和在另一个上显示它们。

这些行最重要：

const posWindow = window.open("about:blank", "customerDisplayWindow", "height: 50,width: 50");
posWindow.document.body.innerHTML = '<h2>Items</h2><ul id="item-display"></ul>';

你可以想出比修改文档更简洁的解决方案，但你明白了。

https://jsfiddle.net/jhd5L8wa/1/

我建议阅读有关 Window.open() 的 MDN 页面（尤其是第三个参数，window功能）以了解更多关于打开 window 的外观和行为的信息。

我怎样才能 "stream" 我网页的一部分到另一个 window？

How can I "stream" a section of my webpage to another window?

javascript

websocket

streaming