javascript - 表示 Web ページには、デュアルモニターに複数の div が含まれています (各 div は単一のモニターに)

Question

たとえば、 css-grid(divAおよび) を使用して複数の div を含む Web ページがあります。divBまた、2 台のモニター (物理画面) があります。

divA最初のモニターと2番目のモニターに表示したいdivB。

次の質問に対する回答を探しています。

どんな助けや提案も大歓迎です。

ありがとう、アシュウィン

score 7 · Accepted Answer

score 1 · Accepted Answer

悪気はありませんが、ここで第 4 の壁を破ろうとしているようです。

私の誤解かもしれませんが、デュアルモニターの存在を認識するのは OS だけです。そのため、これらのモニターにまたがってブラウザーを展開すると、ブラウザーは占有しているモニターを認識せず、window.screen.width通常よりも大きいことだけを認識します。

したがって、技術的には、HTML 要素はブラウザー内で実行されるため、各モニターで画面のどの領域が表示されているかを正確に検出することはできません。

一方で、代わりに 2 つの異なるブラウザーウィンドウを使用するのはどうでしょうか。たとえば、javascript を使用して新しいウィンドウを開く

var secondWindow = window.open("<url of another page>");

次に、別の画面にドラッグできる2番目のウィンドウで、別のウィンドウを表示し<div>て、各ウィンドウが各画面を占有し、<div>各画面に2つあるようにします。

次に、2 つのウィンドウ間の相互作用/アニメーションを調整します。secondWindowまたはwindow.openerオブジェクトを介して実行します。

 // on the first window, you can call javascript function on second window 
 secondWindow.doSomething();

 // on the second window, you can call javascript function on the first window
 window.opener.doSomething();

注:上記の例は、両方のページが同じドメインでホストされている場合にのみ機能します。postMessageそれ以外の場合は、 API を使用して 2 つのウィンドウを調整する必要があります。

javascript - 表示 Web ページには、デュアル モニターに複数の div が含まれています (各 div は単一のモニターに)