ステートフル Web アプリを含む新しいウィンドウを作成する「起動」ボタンがあります。一番外側のコンテナの寸法に正確に合うようにウィンドウの寸法を理想的に調整したいと思います（つまり、デフォルトでは背景は表示されません）。
幅は Bootstrap Responsive と @media によって固定されます。高さは、コンテナー内の内部要素に基づいて、必要に応じて自動調整されます。ただし、理想的には、両方のウィンドウ サイズを動的にしたいと考えています。
今、私が抱えている問題：
動作するheight()、innerHeight()、および/またはouterHeight()の組み合わせがわかりません。詳しく説明すると、コンテナーの高さはわかりますが、 window.resizeTo()を使用しようとすると、ウィンドウのタイトル バー、URL バーなどを考慮しているようです...基本的に、高さをコンテナーの正確なサイズに設定します。高さが十分ではありません (スクロールバーが生成されます)。
ウィンドウの作成にも同じ問題があります。window.open()に渡して適切な幅、高さのウィンドウを動的に作成しようとしましたが、それも非ページ領域を考慮していません。
解決策は、ウィンドウの表示可能領域 (非ページ領域を考慮した後の利用可能な高さ) を把握することだと考えていますが、これを行うエレガントな方法は見つかりませんでした。手動で決定してハードコーディングすると、ブラウザごとに、または異なる数のブックマークバーを使用している場合は使用ごとに変更される可能性があります...
window.resizeTo()以外のアプローチも検討しましたが、現在適切なものは見つかりませんでした。
何か案は？
固定の高さを設定するのが最も簡単な解決策になると思いますが、この時点では、選択した状態に基づいて高さが可変です。