了解浏览器窗口的宽度和高度有助于 Web 开发人员增强用户体验。它可以帮助改进浏览器动画以及分区和容器的相对定位。 Javascript 提供了一个window 对象来表示一个打开的浏览器窗口。它提供了定义浏览器窗口尺寸的各种属性。它们如下：
- innerWidth：它返回窗口内容区域的宽度。
- innerHeight：它返回窗口内容区域的高度。
- externalWidth：它返回浏览器窗口的宽度。
- externalHeight：它返回浏览器窗口的高度。
注意：这些尺寸以像素为单位。
因为像素是一个维度上的正方形单位。您无法准确判断对角线上有多少像素。您可以通过使用浏览器的高度和宽度并应用勾股定理来近似对角线。
毕达哥拉斯定理：对于直角三角形，斜边平方是底平方和高平方之和。 
类似于上面的公式， Diagonal = Squared_root(Width^2 + Height^2) 。
代码片段：
上面的代码将在控制台窗口中打印浏览器的高度和宽度。可以使用浏览器中的开发人员工具打开控制台窗口。
注意：要获得完整的屏幕尺寸，请将浏览器切换到全屏模式。大多数浏览器使用 F11 键切换全屏模式。
下面的代码使用 Javascript 的 innerHTML 属性在浏览器窗口中显示结果。
Switch to Fullscreen Mode using the F11 key.
Click the button to display the dimensions
of this browser window.
All dimensions
are in pixel units.
输出：
- 在按下“试用”按钮之前：
- 按“试用”按钮后：
注意：如果你知道你的显示器屏幕的线性像素密度，你可以将上面代码得到的尺寸除以密度，得到以厘米或英寸为单位的尺寸。