浏览器是如何确定screen.availHeight的值的?

Question

CSSOM中的screen.availHeight属性.
MDN的解释是: Returns the amount of vertical space available to the window on the screen.
那么, 当我把任务栏的高度变小的时候(使用小任务栏按钮), 这个值理论上就应该减少.
并且, 当我把任务栏放在右侧的时候, 这个属性的值任然没有变化.

浏览器在实现这个属性时是如何来确定它的值的?
是根据屏幕分辨率和操作系统就固定下来了吗?

代码:

    console.log("screen.availWidth: " + screen.availWidth);
    console.log("screeen.avaailHeight: " + screen.availHeight);

Answer 1

screen.availWidth 是指的屏幕的可用高度，根据 CSSOM 它的取值取决于输出设备、渲染环境以及视口大小，所以并不会由于浏览器的大小修改而发生变化，例如题主可以试试把手机横屏、竖屏会得到不同的值。

如果是想调试方便，chrome 开发者工具里可以通过 device toolbar 轻松调试。