☰

如何在 Chrome 中同时并排加载 2 个网页？

tag-icon • tag-icon google-chrome google-chrome-extensions google-chrome-devtools
如何在 Chrome 中同时并排加载 2 个网页？

我想进行一个现场演示，其中以两种不同方式创建的同一个网页同时并排加载。

... 这样做的目的是展示各种框架或网页构建方法之间的速度差异。我不想展示基准测试结果，而是想展示速度差异的实际表现和感受。

我知道我可以创建一个 Chrome 扩展程序来执行此操作，但我想知道我是否忽略了一些无需编写代码即可实现此目的的简单方法？

笔记:（回应下面的评论）我已经在不同的 URL 上托管了两个网页（例如http://localhost:4400和http://localhost:4401）。这个问题不是关于如何提供两个页面，而是关于如何同时并排加载它们。

答案1

您可以尝试以下书签小工具。

  1. 只需使用以下任一 URL 创建书签，然后将其添加到书签栏即可

  2. 导航到您想要演示的页面。

  3. 单击书签，页面将以两个并排的框架形式重新加载。

注意：由于某种原因，这在 superuser.com 上不起作用

垂直分割：

javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')

水平分割：

javascript:document.write('<HTML><HEAD></HEAD><FRAMESET ROWS=\'50%,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')

答案2

如果您要显示 2 个网站，为什么不创建第三个只有 2 个框架的网站呢？每个框架包含您要显示的不同网站。然后打开此文件。

答案3

你可以尝试分屏并配置默认值以加载您想要的页面。

在此处输入图片描述

相关内容