JavaScriptでフルスクリーンポップアップウィンドウを表示するにはどうすればよいですか?

StackOverflow https://stackoverflow.com/questions/172748

  •  05-07-2019
  •  | 
  •  

質問

ポップアップウィンドウを開いたらすぐに最大化する方法はありますか?そうでない場合は、少なくとも画面サイズにしますか?これ:

window.open(src, 'newWin', 'fullscreen="yes"')

明らかにIEの古いバージョンでのみ機能しました。

役に立ちましたか?

解決

screen.availWidth および screen.availHeight を使用して、 window.open() <の高さと幅のパラメーターに適切なサイズを計算します

これは近いと思われますが、特にすべてのツールバーが表示されている場合は、すべてのユーザーに対して最大化も正確化もされません。

他のヒント

悪いデザイン以上-この「機能」 UI災害のレシピです。 number 悪意のある WebサイトはJavaScriptの全画面表示機能を利用してブラウザウィンドウをハイジャックし、ユーザーのデスクトップと見分けがつかない画面を表示します。これを行う方法はまだあるかもしれませんが、適切なものすべての愛のために、これを実装しないでください。

これについて:

var popup = window.open(URL);
if (popup == null)
   alert('Please change your popup settings');
else  {
  popup.moveTo(0, 0);
  popup.resizeTo(screen.width, screen.height);
}

これについては、幅と高さの値を大きな数に指定しましたが、動作します

window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");

これを試してください。これは私とあなたが望む任意のリンク、またはポップアップ内の任意のもので動作します

選択したものはすべて、ポップアップウィンドウ内のフルスクリーンサイズでポップアップウィンドウに表示されます。

<script language="JavaScript">
function Full_W_P(url) {
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';


 newwin=window.open(url,'FullWindowAll', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<input type="button" value="Open as Full Window PopUp" onclick="javascript:Full_W_P('http://www.YourLink.com');"></input>
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top