如何查找 document.DocumentElement.Client 的坐标答案

【问题标题】：How to find Cordinates of document.DocumentElement.Client如何查找 document.DocumentElement.Client 的坐标
【发布时间】：2016-08-19 20:02:39
【问题描述】：

我可以使用 document.documentElement.clientWidth 和 document.documentElement.clientHeight 获取浏览器页面的宽度和高度。

现在，我想知道客户端视口的左上角和右上角坐标。有没有脚本可以找到这个？

我需要找到 (X,Y) 和 b - 有任何脚本吗？

注意 - (m,n) 和 (X,Y) 是相对于主窗口屏幕的。

【问题讨论】：

topLeft 将是 (0, 0) 和 topRight 将是 (clientWidth, 0) 对吗？
我需要的是 (X,Y) 和 b.. 我能做到吗？
内部容器是inner-div 的parent-div ?
Element.getBoundingClientRect() 可能会有所帮助！
整个浏览器页面的“元素”是什么？并且，边界矩形的左上角将具有 (0,0)。我需要的是相对于主屏幕的坐标。

标签： javascript java selenium

【解决方案1】：

获取客户区相对于窗口的位置：

var client_left = (window.outerWidth - window.innerWidth) / 2;
var client_top = (window.outerHeight - window.innerHeight - client_left);

并获得绝对位置：

var x = window.screenLeft + client_left;
var y = window.screenTop + client_top;

【讨论】：

我想知道为什么（window.outerWidth-window.innerWidth）除以“2”。
客户区左侧位置是左边框的宽度（蓝图上的“b”）。由于有两个边界，我们需要除以二。
我还有一个问题.. 当窗口最大化时，client_left 应该是“0”，但它是“8”。有什么具体原因吗？
client_left 为 8，因为边界还在。当窗口最大化时，窗口的位置是[-8, -8]。