内側の幅が特定の値になるようにブラウザウィンドウのサイズを変更するには

Question

ウィンドウのサイズを変更するのは悪い考えです。なぜなら、それは嫌なことですし、チョークボードして、離れて行ってください。私は講義ではなく解決策を探しています。これは、イントラネット設定でのみ使用されます。具体的には、ウェブミーティングを通じたレビューのために、応答して設計されたウェブサイト（メディアクエリーを使用するサイト）をクライアントにデバッグし、デモする。私は特定のブレークポイントをデモしたい。これは一般の人には解けるものではありません。

物事は私がすでに知っている：

1. あなただけのサイズを変更することができ、位置ウィンドウがないユーザーが、JavaScriptで開かれました。 （オプションではないセキュリティ設定を調整しない限り）
2. ウィンドウのresizeTo（）メソッドを使用すると、ブラウザのサイズが指定されたサイズに変更されます。ビューポートはしばしばかなり小さくなります（平均30〜100ピクセル小さくなります）。しかし、ビューポートのサイズを特定のサイズに変更したいと思います。
3. ブラウザ、ブラウザのバージョン、プラットフォーム、いくつかのプラグイン、およびさまざまなメニューとツールバーが、ビューポートのサイズを変更します。より多くのメニューとツールバーは、ビューポートの幅が小さいことを意味します。

考えられる解決策：

1. は、ブラウザの幅と高さを探す
2. は、ビューポートの幅と高さ
3. 両者の違いを決定して下さい。
4. resizeTo（と私の呼び出しで値を調整します）に応じて

私は私が把握することができ、他のステップ1.すべての助けが必要です。私はjQueryと近代化ツールを使用しています。

ご協力いただきありがとうございます。

Answer 1

ポストはかなり古いですが、ここでは、将来の読者のための具体的な実装です：

var resizeViewPort = function(width, height) { 
    if (window.outerWidth) { 
     window.resizeTo(
      width + (window.outerWidth - window.innerWidth), 
      height + (window.outerHeight - window.innerHeight) 
     ); 
    } else { 
     window.resizeTo(500, 500); 
     window.resizeTo(
      width + (500 - document.body.offsetWidth), 
      height + (500 - document.body.offsetHeight) 
     ); 
    } 
}; 

そして、あなたのアカウントにスクロールバーを利用したい場合：

var resizeViewPort = function(width, height) { 
    var tmp = document.documentElement.style.overflow; 
    document.documentElement.style.overflow = "scroll"; 

    if (window.outerWidth) { 
     window.resizeTo(
      width + (window.outerWidth - document.documentElement.clientWidth), 
      height + (window.outerHeight - document.documentElement.clientHeight) 
     ); 
    } else { 
     window.resizeTo(500, 500); 
     window.resizeTo(
      width + (500 - document.documentElement.clientWidth), 
      height + (500 - document.documentElement.clientHeight) 
     ); 
    } 

    document.documentElement.style.overflow = tmp; 
}; 

は楽しみを持っています...