JavaScriptでウィンドウのサイズを取得する方法


  1. window.innerWidthとwindow.innerHeightを使用する方法:

    const width = window.innerWidth;
    const height = window.innerHeight;
    console.log("ウィンドウの幅: " + width);
    console.log("ウィンドウの高さ: " + height);
  2. document.documentElement.clientWidthとdocument.documentElement.clientHeightを使用する方法:

    const width = document.documentElement.clientWidth;
    const height = document.documentElement.clientHeight;
    console.log("ウィンドウの幅: " + width);
    console.log("ウィンドウの高さ: " + height);
  3. window.outerWidthとwindow.outerHeightを使用する方法(ブラウザのフレームを含むウィンドウのサイズを取得する場合に使用します):

    const width = window.outerWidth;
    const height = window.outerHeight;
    console.log("ウィンドウの幅: " + width);
    console.log("ウィンドウの高さ: " + height);

これらの方法を使用すると、ウィンドウの幅と高さを取得することができます。選択した方法は、使用しているコンテキストや要件によって異なる場合があります。適切な方法を選択してください。