In Chrome, Firefox, Edge and IE11+, when an element is selected, you can access this element in the console window by typing:
$0
You can then query and manipulate using the Javascript DOM API, which has a very useful method called Element.getBoundingClientRect().
So all you have to do is type the following into the console window when an element is selected:
$0.getBoundingClientRect()
and the browser will return an object such as:
{ x: 1081, y: 72, width: 49, height: 28, top: 72, right: 1130, bottom: 99, left: 1081 }
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…