Javascript分屏视图

为了同时查看网站的两个部分，是否可以使用javascript进行分屏查看？当您需要编辑或查看一个文档的两个独立部分时，我期待着制作类似Microsoft Word的东西。

您可以使用框架集标记

<frameset cols="250px,*">
  <frame src="/your/menu/bar">
  <frameset rows="50%,*">
    <frame src="/your/splitted/content">
    <frame src="/your/splitted/content">
  </frameset>
</frameset>

---

每个帧都可以由JS操作，您可以使用frameset标记

<frameset cols="250px,*">
  <frame src="/your/menu/bar">
  <frameset rows="50%,*">
    <frame src="/your/splitted/content">
    <frame src="/your/splitted/content">
  </frameset>
</frameset>

---

每个帧都可以由JS操纵，我不知道是否有什么东西可以直接用于此，但我有一个想法可能会对您有所帮助

使用画布并制作文档的屏幕截图。 将画布放在屏幕的一部分，将实际文档放在另一部分。 当用户点击画布时，切换真实项目和画布的位置。 你可以逃脱这种欺骗，sunce一次只能集中在一个地方。

---

当然，您需要经常刷新CANV，并且需要使用滚动位置，但结果会很好。

我不知道是否有什么东西可以直接用于此，但我有一个想法可能会对您有所帮助

使用画布并制作文档的屏幕截图。 将画布放在屏幕的一部分，将实际文档放在另一部分。 当用户点击画布时，切换真实项目和画布的位置。 你可以逃脱这种欺骗，sunce一次只能集中在一个地方。 当然，您需要经常刷新CANV，并且需要使用滚动位置，但结果会很好。

我发现

js是一个轻量级的、非专用的工具，用于创建可调整的拆分视图或窗格

HTML:

<div id="a" class="split split-horizontal">
  <div id="c" class="split content"></div>
  <div id="d" class="split content"></div>
</div>
<div id="b" class="split split-horizontal">
  <div id="e" class="split content"></div>
  <div id="f" class="split content"></div>
</div>

Split(['#a', '#b'], {
  gutterSize: 8,
  cursor: 'col-resize'
})
Split(['#c', '#d'], {
  direction: 'vertical',
  sizes: [25, 75],
  gutterSize: 8,
  cursor: 'row-resize'
})
Split(['#e', '#f'], {
  direction: 'vertical',
  sizes: [25, 75],
  gutterSize: 8,
  cursor: 'row-resize'
})

我找到了

js是一个轻量级的、非专用的工具，用于创建可调整的拆分视图或窗格

HTML:

<div id="a" class="split split-horizontal">
  <div id="c" class="split content"></div>
  <div id="d" class="split content"></div>
</div>
<div id="b" class="split split-horizontal">
  <div id="e" class="split content"></div>
  <div id="f" class="split content"></div>
</div>

Split(['#a', '#b'], {
  gutterSize: 8,
  cursor: 'col-resize'
})
Split(['#c', '#d'], {
  direction: 'vertical',
  sizes: [25, 75],
  gutterSize: 8,
  cursor: 'row-resize'
})
Split(['#e', '#f'], {
  direction: 'vertical',
  sizes: [25, 75],
  gutterSize: 8,
  cursor: 'row-resize'
})

---

您可以使用iframe标记您可以使用iframe标记

标记已弃用-我不会将其用于任何新开发…

标记已弃用-我不会将其用于任何新开发…无法这样做，因为我已从数据库生成表。因此，每个用户的内容都是唯一的。我希望将网站一分为二，这样用户就可以同时查看页面的两个部分，并简化数据输入。页面的屏幕截图不必是静态的。我很久以前就使用过这个库，它正是这样做的，你可以时不时地替换画布图像，或者每次页面上发生更改时都不能这样做，因为我已经从数据库生成了表。因此，每个用户的内容都是唯一的。我希望将网站一分为二，这样用户就可以同时查看页面的两个部分，并简化数据输入。页面的屏幕截图不必是静态的。我很久以前就用过这个库了，它正是这样做的，你可以时不时地替换画布图像，或者每次页面上发生变化时