屏幕和窗口属性之间的区别？

Question

在我的Web应用程序中,我需要使用浏览器窗口的高度和宽度.所以我使用JavaScript中的Screen.Width,Screen.Height属性来获取宽度和高度.在冲浪时我得到另一个属性Window.Width,Window.Height.任何人都可以告诉我,哪个属性给我的浏览器大小窗口..... 屏幕(或)窗口？

Answer 1

没有Screen对象,实际上是window.screen.

甲window对象(通过获得document.defaultView)返回有关窗口和视口双方的信息.要使用应用程序窗口大小,请使用window.outerHeight视口大小window.innerHeight.

该screen目标是指实际监视器窗口或桌面大小.请注意,如果您有多重设置,那么您将拥有多个screen对象.一个window对象属于一个对象screen,虽然不是很window相同screen.我不知道当浏览器窗口跨越多个screens 时会发生什么.

通过这一切,您可以确定如果您正在运行全屏浏览器window.outerHeight == window.innerHeight == screen.height.

来源:https://developer.mozilla.org/en-US/docs/DOM/window.screen和https://developer.mozilla.org/en-US/docs/DOM/window

Answer 2

screen.height为您提供显示器屏幕的高度.
screen.width为您提供显示器屏幕的宽度.

window.height为您提供浏览器窗口的高度.
window.width为您提供浏览器窗口的宽度.