如何获取不同浏览器的屏幕、网页和浏览器窗口尺寸？

获取主要浏览器的屏幕、网页和浏览器窗口尺寸

捕获所有主要浏览器中各种屏幕和窗口元素的尺寸浏览器，请考虑利用以下技术：

当前屏幕尺寸

访问屏幕对象以检索屏幕宽度和高度：

window.screen.height;
window.screen.width;

当前网页尺寸

对于 HTML 文档大小，请使用jQuery:

// Size of HTML document (similar to pageHeight/pageWidth)
$(document).height();
$(document).width();

浏览器窗口尺寸

jQuery 还可以检索浏览器窗口尺寸：

// Size of browser viewport
$(window).height();
$(window).width();

旧计算

对于旧版浏览器，通常使用窗口和文档属性的组合来获取尺寸：

windowHeight = window.innerHeight || document.documentElement.clientHeight;
windowWidth = window.innerWidth || document.documentElement.clientWidth;
pageHeight = document.body.scrollHeight;
pageWidth = document.body.scrollWidth;
pageX = window.pageXOffset || document.documentElement.scrollLeft;
pageY = window.pageYOffset || document.documentElement.scrollTop;
screenHeight = window.screen.availHeight || window.screen.height;
screenWidth = window.screen.availWidth || window.screen.width;
screenX = window.screen.availLeft || window.screen.x;
screenY = window.screen.availTop || window.screen.y;

以上是如何获取不同浏览器的屏幕、网页和浏览器窗口尺寸？的详细内容。更多信息请关注PHP中文网其他相关文章！