获取网页某个元素坐标的方法

用python的selenium写爬虫通过绝对坐标点击，坐标的获取方法（谷歌浏览器）：

网页F12打开源代码，在console窗口输入

document.querySelectorAll('css选择器')[0].getBoundingClientRect().left + document.documentElement.scrollLeft
document.querySelectorAll('css选择器')[0].getBoundingClientRect().top + document.documentElement.scrollTop

其中css选择器为目标区域的css表达式，Left计算X坐标，Top计算Y坐标，若该css区域过大，需计算其区域大小：

document.querySelectorAll('css选择器')[0].getBoundingClientRect().width
document.querySelectorAll('css选择器')[0].getBoundingClientRect().height

width计算区域宽度，height计算区域高度，坐标原点为网页视图左上角顶点，可通过计算后精准点击某点

获取网页某个元素坐标的方法相关推荐

js 如何获取class的元素以及创建方法getElementsByClassName
js 如何获取class的元素以及创建方法getElementsByClassName function getElementsByClassName(n) { var classElements ...
WPF获取相对位置、坐标的方法
原文:WPF获取相对位置.坐标的方法 1.获取鼠标在控件中的坐标: 1 private void item_MouseDown(object sender, MouseButtonEventArgs ...
JQuery this和$(this)的区别及获取$(this)子元素对象的方法
1.JQuery this和$(this)的区别 // this其实是一个Html 元素. // $this 只是个变量名,加$是为说明其是个jquery对象. // 而$(this)是个转换,将th ...
Python selenium Browsermob-Proxy获取网页加密请求参数的方法及过程
一.问题爬虫在获取页面数据时可能会遇到许多页面异步加载.js加密.动态Cookie等问题,我们在做爬虫开发的时候经常用到浏览器的开发者工具,分析网页元素,查看资源加载(Network)等.Selen ...
vue获取页面dom元素样式的方法
一.$refs 给dom元素加ref="name" 在js中 this.$refs.name.style.width 就能获取到该dom元素的width 二.document.qu ...
Vb自动读取本地HTML,VB获取网页源代码的五种方法
方法1:inet控件调用方法 Inet1.OpenURL 添加microsoft ineternet transfor conctrol6.0 控件方法2:XMLHTTP '如果出现乱码,UTF-8 ...
jquery获得指定元素坐标的方法
var left = $("#div").offset().left;//div相当于窗口的左边的偏移量 var top = $("#div").offset( ...
获取网页所有元素 js
一次次,把我那一次又一次,缩小了又缩小的梦想,打破,蹂躏,撕扯得碎片满天飞. function color16() {//十六进制颜色随机var r = Math.floor(Math.random( ...
php获取h1,jQuery获取h1-h6标题元素值方法实例
本文主要介绍了jQuery实现获取h1-h6标题元素值的方法,涉及$(":header")选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下,希望能帮助到大家. 1. ...

获取网页某个元素坐标的方法

获取网页某个元素坐标的方法相关推荐

最新文章

热门文章