it-swarm-ja.com

Chromeで2つのウェブページを同時に並べて読み込むにはどうすればよいですか?

2つの異なる方法で作成された同じWebページが、まったく同時にロードされるライブデモンストレーションを実行したいと思います。

...これの目的は、Webページを構築するためのさまざまなフレームワークまたはアプローチ間の速度の違いを示すことです。ベンチマーク結果を提示する代わりに、速度の違いが実際にどのように見え、どのように感じられるかを示したいと思います。

これを行うためにChrome拡張機能を作成できることは知っていますが、コードを記述せずにこれを実現する簡単な方法を見落としているのではないかと思いますか?

:(以下のコメントへの応答)私はすでに2つのWebページを異なるURLでホストしています(たとえば、http://localhost:4400およびhttp://localhost:4401)。この質問は、2つのページを提供する方法ではなく、それらを同時に並べてロードする方法に関するものです。

2
Gil Birman

表示したいWebサイトが2つある場合は、フレームが2つしかない3つ目のWebサイトを作成してみませんか?表示するさまざまなWebサイトを含む各フレーム。次に、このファイルを開きます。

1
R-D

Split Screen を試して、必要なページをロードするようにデフォルトを構成することができます。

enter image description here

1
rahi

次のブックマークレットを試すことができます。

  1. 次のいずれかのURLでブックマークを作成し、ブックマークバーに追加するだけです。

  2. デモするページに移動します。

  3. ブックマークをクリックすると、ページが2フレーム並んで再読み込みされます。

注:何らかの理由で、これは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>')
1
Shazvi