webdevqa.jp.net

JavaScriptでのブラウザ間のウィンドウサイズ変更

JavaScriptを使用してブラウザーウィンドウのサイズを変更できるようにしたいと思います。私はjQueryを使いたくないし、コードが小さいほど良いのですが、Chromeを含むすべての主要なブラウザーで動作する必要があります。

解決策はありますか?

助けてくれてありがとう!

追伸この質問にタグ付けされたタグは組み合わせる必要がありますが、方法はわかりません。

ブラウザ-----------と同じ-> webbrowser

クロスブラウザ----同じ->ブラウザの互換性

23
Web_Designer

window.resizeTo(width、height);

あなたが直面するかもしれない問題は、現代のブラウザがウィンドウのサイズを変更できないように設定であなたを妨げることができるということです。それを回避する方法はありません。

Chromeでは許可されません。 バグを修正しない

IEは セキュリティゾーン に基づいています

20
epascarello

実際、Chrome、Firefox、および新しいIEでは、タブ付きウィンドウとwindow.open()(少なくともChrome)で開かれていないウィンドウのサイズ変更は許可されていません。

ただし、ブラウザのセキュリティ設定がその機能をブロックしない限り、ポップアップの場合はほとんどの場合実行可能です。ただし、window.resizeTo()の使用は複雑です。代わりにwindow.resizeBy()を使用してください。

Chromeには、ポップアップウィンドウのサイズをすぐに取得する bug があるため、それを回避する必要があります。

if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
    var t = setTimeout("resize()", 200);
else
    resize();

function resize() {
    var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var innerHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    var targetWidth = 800;
    var targetHeight = 600;
    window.resizeBy(targetWidth-innerWidth, targetHeight-innerHeight);
}
10
tivolimeister

WebページでChromeのメインブラウザウィンドウのサイズを変更する方法はありません。 JavaScriptコードは、ポップアップウィンドウのサイズを変更することのみが許可されています。

6
duskwuff