如果有定位器，则获取元素坐标
是指在前端开发中，通过使用定位器来获取网页中某个元素的坐标位置。定位器可以是元素的ID、类名、标签名、XPath等。
获取元素坐标的方法可以使用JavaScript中的getBoundingClientRect()函数。该函数返回一个DOMRect对象，包含了元素的位置和尺寸信息，其中包括元素的左上角和右下角的坐标。
以下是一个示例代码，演示如何使用getBoundingClientRect()函数获取元素坐标：
// 获取元素
var element = document.getElementById("elementId");
// 获取元素的位置和尺寸信息
var rect = element.getBoundingClientRect();
// 输出元素的坐标
console.log("元素的左上角坐标：(" + rect.left + ", " + rect.top + ")");
console.log("元素的右下角坐标：(" + rect.right + ", " + rect.bottom + ")");这个功能在很多场景下都非常有用，比如在网页中实现拖拽、元素定位、碰撞检测等交互效果时，需要获取元素的坐标来进行计算和判断。
腾讯云提供了云计算相关的产品和服务，其中与前端开发和网页相关的产品包括云服务器（CVM）、云存储（COS）、内容分发网络（CDN）等。您可以通过访问腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用方式。
相关·内容
1回答
如果你有定位器，你怎么得到元素的坐标？这意味着您可以使用appium- find通过脚本获取定位器find坐标。如果我有A的坐标，因为我可以猜测A周围的许多元素的坐标，但是找不到这个元素或坐标。
浏览 12提问于2019-04-25得票数 1
源代码如下：<div class="qa">on</div>
我想在Selenium中断言，<div ...>和</div>之间的值是"on“。
我试图使用assertValue和assertAttribute，但这两个命令都出现了错误。如果我将assertElementPresent用于xpath=//div[@class='qa']/，它会传递，但它不会断言<div>之间的值是"on“。
浏览 3提问于2015-09-17得票数 5
回答已采纳
1回答
我正在编写一个java工具，它将为最终用户创建selenium脚本。在帧切换的情况下，我不能依赖最终用户来确定帧信息。用户可以提供定位器值，但我的工具需要能够找出它属于哪个帧(它的层次结构)，并在采取下一步操作之前切换到那个帧。
有没有办法让我的Selenium Web驱动程序获得那个框架？
PS:我可以用已知的框架对工作流程进行硬编码，并进行切换。
浏览 1提问于2014-10-30得票数 1
2回答
我正处于尝试从网站自动输入和收集数据的非常早期的阶段。我有一个16,000行的CSV文件。对于每一行，我想将该行的数据输入到网页上的textarea中。然后，网页可以用这些数据进行一些计算，并给出我收集的答案。具体来说，在网页上，我想在底部的序列文本框中输入一个序列，按下“搜索miRNA”按钮，然后在下一页收集结果。
到目前为止，我的计划是使用C# WebBrowser。我的理解是，我可以通过id、name或coordinate来访问HtmlDocument中的各个元素。最后一种选择并不理想，因为如果我将这个程序分发给其他人，我不能确定他们是否会在相同的坐标下使用。至于其他两个选项，texta
浏览 2提问于2013-02-27得票数 0
回答已采纳
4回答
如何在量角器中找到元件定位器
、、、、
我刚开始使用量角器，请帮助我在Protractor/angularJS中使用下面的代码找到元素定位器--我尝试过使用xpath和CSS。从这段代码中可以使用什么定位器？
<button type="submit" value="autofocus" class="btn" data-ng-click="reset()">Reset</button>
浏览 1提问于2015-09-30得票数 1
回答已采纳
1回答
我正在开发一个spheroApp测验。实际上，这是一个智力竞赛，它可以回答问题，将sphero推向定义答案的3个洞中的一个。
我用定位器来定义sphero的位置。在向导部分中，可以定义从单个起始位置(0,0)驱动的3孔位置。
我保存了3个洞的位置，当球体进入时(我已经定义了距离洞位置的10/20之间的间隙)，应用程序会发现这是一个正确/错误的答案。
但是，每次我尝试到相同的位置时，我从sphero得到不同的坐标。
有没有提高定位器精度的方法？
如果有人知道一些事情，请让我知道！
谢谢;)
ps:我已经遵循了这个指南！ tnx
浏览 1提问于2014-02-07得票数 0
通常，您有事件处理程序，捕捉鼠标移动或单击事件，并允许访问放置在鼠标(一系列或单元格)和位置(x，y)下的元素。但是在我的例子中，我有一个屏幕点(x，y)需要访问它所针对的图表元素(如果有的话)。
传统的方法(Windows )在图表类中有一个类似ElementAt(int，int )的方法，返回值是一个对象，如标签、序列、点、标记、.等。
浏览 1提问于2013-10-17得票数 0
回答已采纳
1回答
我正在尝试根据元素的祖先是否有带按钮的子元素来查找元素。该页面有一个容器列表。这些容器将有两个按钮选项之一，有时根本没有按钮。('Join'，'Unjoin‘，没有按钮)我只想要来自有特定按钮的容器的链接。问题是链接只共享容器中的一个共同祖先，而不是父级或兄弟级。 下面的XPath返回所需的按钮。 //*[@class='Class2']//*[Class4']//button[text()='Join'] 下面的XPath返回所有的链接，而不管是哪个按钮。 //*[@class='Class1']//*[@cl
浏览 14提问于2021-07-26得票数 1
回答已采纳
有一个div元素。它50%的大小在屏幕上。其余的50%通过屏幕高度和不可见。没有滚动的可能。
我尝试用Selenium自动化测试，然后单击div-元素，但有时它工作，有时则不起作用。
为什么Selenium不只是点击这个div的“屏幕上的区域”？
这个功能是如何实现的呢？当我告诉Selenium单击一个巨大的div元素时，它是否单击了该div上的随机位置？
浏览 5提问于2019-12-01得票数 3
回答已采纳
2回答
我正在与c#合作开发Win 8 Metro App。
在我的应用程序中，我使用地理定位服务来获取用户位置的当前坐标。第一次启动应用程序时，系统会要求您提供权限。这一切都很好，我得到的坐标没有问题。
现在，我想在权限发生更改时立即向用户发送一条消息。该怎么做呢？
浏览 2提问于2012-08-14得票数 0
回答已采纳
我试图使用Page测试网站，在执行脚本时，在调用函数时，元素不再间歇地附加到DOM 错误消息中。
如果有任何建议，我怎样才能克服这个问题呢？
浏览 0提问于2013-08-08得票数 1
1回答
我有一个自定义控件，需要将弹出窗口直接呈现在其“主”控件主体( DIV元素)下面。我遇到的问题是，如果控件不了解其容器设置，如何设置弹出坐标位置。
例如，以这一节代码为例：
// library call to extract document-based coordinates (returns object with X and Y fields) of the "controlBodyElement" (a DIV)
var pt = some.library.getDocumentPosition(controlBodyElement)
// frame (the &#
浏览 1提问于2013-09-12得票数 1
回答已采纳
我试图在这个Select元素中列出可能的选项。
<select id="sl_coursePage" onchange="document.frm.submit();" name="sl_coursePage">
<option selected="selected" value="0"></option>
<option value="1"></option>
<option value="2"
浏览 2提问于2016-06-30得票数 2
回答已采纳
这就是这个场景。我有一组经度/经度数据存储在数据库tableid，lat，long，location中。我使用geo-location来获取用户的当前物理位置(lat和long)。当这个用户访问应用程序，允许共享他的位置时，我想要获取他当前坐标周围的坐标，并将它们绘制在Google地图上。如何做到这一点？
例如:我在我的DB表中存储了一个城市的酒店坐标。当用户访问这个城市并访问我的应用程序时，我想从我的数据库中获取，并在地图上仅绘制他周围某一半径内的坐标。
注意:我使用PHP来做服务器端的事情。
如有任何帮助，我们不胜感激！
浏览 0提问于2012-04-25得票数 1
回答已采纳
1回答
我正在使用OVAL(开放漏洞和评估语言)。我正在使用xpath检查xml配置文件。
XML文件如下所示：
<?xml version='1.0' encoding='UTF-8'?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="3.0" xsi:schemaLocation="http://java.sun.
浏览 14提问于2017-07-12得票数 0
? ? 我正在试着选择一个日期，但目前正在苦苦挣扎。此日期选择器位于iframe中。我已经切换到iframe，但没有任何工作来选择日期，我已经尝试更改此值部分的数据，但它仍然不起作用。我使用了CSS、Xpath、ID、Class，但都不起作用。 。 我发现使用Xpath可以处理所有其他元素，比如选择时间和下拉列表。 With obj 'open edge .Start "edge“结束于 'declare URL
Dim url As String
url = "http://cogprodweb.co.za"
浏览 20提问于2021-07-14得票数 0
回答已采纳
2回答
我正在尝试从下面的链接中获取数据刮除：
但是无法获得产品名称的xpath (您可以通过单击url进行检查)。因为它是超链接，所以不能在self.hasxapth中获取代码。
if self.hasXpath('//[@id="result_0"]/div/div/div/div[2]/div[1]/div[1]/a'):
self.browser.find_element_by_link_text("Barbie Star Light Adventure Galaxy Dog Figure, Pink").clic
浏览 0提问于2019-03-12得票数 0
回答已采纳
我需要计算用户在经度/经度网格交叉点之间单击时的质心或测地线中点。在GE的大部分地区，交叉点形成一个正方形，有时还形成细长的矩形。当然，这是由于地球的形状造成的。我正在寻找一个有效的数学公式，它允许用户在这个网格和一个精确的函数(在Javascript或服务器端代码中)之间单击，该函数将采用假设的网格分辨率(例如，本文讨论的间隔为1‘m)和输入坐标，该输入坐标应该返回该网格中的质心坐标。
为了澄清，请看一下我的google群帖子的附件图片：
我需要能够做的是，如果用户单击此网格正方形中的任何位置，我需要找到该网格交叉点或正方形的质心或中心点，或者至少找到边界网格坐标(构成正方形)。
如果我们
浏览 2提问于2009-09-08得票数 2
我编写了一个脚本，它使用Selenium Webdriver (Python绑定)发送电子邮件。但有时，当我运行该脚本时，元素的ID会被更改为。
错误跟踪：
self.error_handler.check_response(response)
File "/usr/local/lib/python2.7/dist-packages/selenium-3.4.3-
py2.7.egg/selenium/webdriver/remote/errorhandler.py", line 194, in
check_response
raise exception_class(mes
浏览 1提问于2017-07-07得票数 1
回答已采纳
6回答
我刚刚遇到了一个关于在Selenium中处理隐藏元素的问题。我不明白该怎么处理。我也很困惑为什么要使用隐藏元素。
如何处理Selenium中的隐藏元素？我特别关注如何处理与可见元素具有相同或几乎相同标识符的隐藏元素。
原文
今天是我第一次被问到硒中隐藏的元素，在实践中我从来不需要处理它们。我看了一个关于这方面的视频教程，现在我有了大致的想法。为了跟进这段视频，我想问，为什么隐藏的元素首先存在，它是否有缺陷的设计？第二，如果存在相同的可见元素，并且即使在这种情况下，您也不需要通过它们的坐标不等于0来识别非隐藏元素，那么它们是否真的会构成挑战，您只需要仔细检查它，因为隐藏元素不太可能具有与其他可见
浏览 0提问于2017-03-09得票数 7
提前感谢！
我想知道在CSS选择器中是否有任何方法可以在页面中找到nth元素？
我相信xpath，如果有多个满足xpath的元素，我们可以使用以下语法获得第n个元素:// Input 2‘Select输入
请注意，我不是寻找第n-子(N)或第n-类型(N)的选择子元素的父母。
浏览 2提问于2017-12-09得票数 1
我的脚本中有以下代码：
System.out.println(selenium.getAttribute("xpath=//div[@class='guest clearfix'][1]/@id"));
当我尝试运行该脚本时，它显示未找到该元素。如果我在XPather (火狐的插件) //div[@class='guest clearfix'][1]/@id中输入xpath，它会正确地给出我的id。
我很困惑为什么它不能在我的代码中运行。如果有人能在我的代码中看到任何错误，请让我知道。
谢谢
浏览 0提问于2009-12-03得票数 2
2回答
我正在使用HTMLAgilityPack在C# WPF应用程序中循环遍历本地HTML页面中的一些锚标记，并提取href属性。这很好，但是我需要找到锚位于HTML文档中的标题(这也是一个锚标记)。这对于XPath来说应该很容易，但我似乎无法得到一条适用于所有场景的语句。
下面是我的HTML示例(我无法控制它)：
<html>
<body>
<table>
<tr>
<td><div><a href="#maintitle"
浏览 4提问于2017-06-26得票数 3
回答已采纳
在我的示例js代码中
let targetXpath = 'xpath=//html/body/div[1]/div[2]/div[1]/div[1]/div/span[3]/div[2]/div[3]/div/div/div/div/div/div[2]/div/div/div[1]/h2/a/span'
let name1 = await page.locator(targetXpath).evaluate(node => node.innerText)
console.log(name1) // prints the name of the item being l
浏览 3提问于2022-02-23得票数 0
1回答
我有一个表格，其中有些单元格有多个文本，每个文本都有自己的xpath。例如，下面代码中的两个文本元素位于同一个表单元格中，但有两个xpath :对于第一个“xpath”xpath是//@id="profile_research"/tbody/tr1/td10/text()，下一个实例有另一个xpath (//@id="profile_research"/tbody/tr1/td10/div2/text()).。在表中，我有一些单元格，在一个单元格中有许多单独的文本元素。我试图从单元格中选择一个特定的文本元素并将其用作变量，但到目前为止失败了。
举个例子，我试过这
浏览 1提问于2017-08-28得票数 1
回答已采纳
我正在使用AppiumDriver和MobileElement java包(我用Kotlin编写)来测试一个已经用XCUITest编写的iOS应用程序。
我需要一个与XCUIElement.exists()在XCUITest中的行为相同的函数。这将是一个函数，如果有问题的UIElement存在于屏幕中，则返回true，而不管它是否可见/可单击。这方面的一个例子是嵌入在滚动视图中的UI元素，该元素是不可见的(而不是滚动到)。它在页面上，但它是不可见的，也是不可攻击的。
现在，我有一个UI元素看不到的滚动视图，程序将挂起等待它们的可见性，直到我手动滚动滚动视图，将它们放到视图中，这样就可以通过测试
浏览 7提问于2020-01-06得票数 1
1回答
(我法语很抱歉我的语言.)我想在一些有Selenium的站点上下载PDF
我已经尝试了网络驱动的选择，但我需要使用火狐访问大约500个urls .因此，使用selenium要快得多，也更实用。所以..。我在好的页面，点击pdf的网址，它打开在另一个标签。我想要另一个标签的网址。
这里是selenium-IDE代码中TEST.side文件的一部分。
"value": ""
}, {
"id": "57a28847-d129-4cd1-b1f2-7ce91fcc0f71",
"comm
浏览 0提问于2019-07-30得票数 0
回答已采纳
我的pdf文件将有一个带有文本"Sign here“的区域。它可以在pdf中的任何位置(即该区域的坐标未定义)。我想在我的pdf文件中添加在给定区域或文本上的签名(例如“在此签名”)。在给定的代码中，我如何实现这一点？
浏览 5提问于2014-06-30得票数 1
1回答
关于XPath
、、
当我检查链接的XPath时，它看起来是：
id('content')/x:table/x:tbody/x:tr/x:td[2]/x:table/x:tbody/x:tr[2]/x:td[1]/x:table/x:tbody/x:tr[2]/x:td/x:table/x:tbody/x:tr[2]/x:td/x:table/x:tbody/x:tr[1]/x:td/x:table/x:tbody/x:tr/x:td/x:table/x:tbody/x:tr[2]/x:td/x:table/x:tbody/x:tr/x:td[4]/x:a[2]
我如何在target中使用它？
如果
浏览 0提问于2010-08-18得票数 2
回答已采纳
如何检查带有链接的按钮在Selenium IDE(firefox插件)中是否启用？
这个场景就像按钮实际上是被启用的。但有时由于某些问题，它会被禁用...我必须测试它是否已启用
浏览 5提问于2014-12-18得票数 0
目前，我正在使用：
browser.wait(EC.elementToBeClickable($('div[ng-model="loginInput"]')), 5000));
但是，这将返回多个元素。我不想使用混乱的xpath或css选择器，因为在这种情况下，路径很长。
我的browser.wait条件可以工作，但是控制台返回：
WARNING - more than one element found for locator By.cssSelector("div[ng-model=\"loginInput\"]") - th
浏览 5提问于2016-04-12得票数 1
回答已采纳
在编写UI自动化测试时，我们大多数人都面临着一个常见的问题：
自动化测试与AUT.的强耦合
如果增强更改了模块的UI，则必须花费大量时间进行更改：
测试模块的代码(逻辑)。
或者仅仅是元素的定位器。
如果UI中的更改最小，则可以手动替换测试中的定位器。但是，考虑到最后期限和时间限制，如果变化很大，就不可能做到这一点。
我正试图找到一种方法来实现一个工具/实用程序，这将节省我的时间，不改变我存储在我的定位器地图中的web应用程序中任何元素的定位器。例如:我在定位器地图中有一个搜索结果列表的定位器，如下所示：
searchResultsLocator=span[id="se
浏览 8提问于2013-09-06得票数 0
回答已采纳
我正在编写一些Selenium测试，以确保我的自动完成程序正常工作，我需要在输入字段中输入文本和尝试从自动完成中选择之间延迟一点。与其仅仅使用固定的延迟，我宁愿等到列表出现。我试过以下几种方法：
input_element.send_keys("zanzibar c")
WebDriverWait(self.selenium, 10).until(EC.visibility_of_element_located((By.CLASS_NAME, "pac-container")))
input_element.send_keys(Keys.DOWN)
其中pac-
浏览 4提问于2014-04-16得票数 0
1回答
我正在试着检查无线电按钮表中的值：
<ul id="rbgHomeOccupier" class="radio-group cols-6">
<li class="radio-group-button">
<input type="radio" id="homeOccupierInjuredYes" class="radio-group-input" value="true"
浏览 2提问于2015-10-19得票数 0
回答已采纳
1回答
我想画一个QML里面的许多矩形。矩形(x，y)的坐标将在C++中计算，并需要传递给QML。
我试图寻找ListView或列或行元素(使用Repeater)，但似乎不能解决问题，因为元素的排列方式类似于“表”……在这样的案例中，我面临着缺乏网络例子的信息。
更具体地说：
如何为我的矩形传递许多坐标到QML？(什么数据结构)我应该使用什么机制来显示它们？
浏览 0提问于2013-04-15得票数 5
回答已采纳
1回答
我正在学习如何使用Selenium，我认为它运行得很好，但是现在我似乎找不到如何在那个页面上选中复选框。
我似乎找不出如何检查复选框
selenium ide向我展示的唯一东西是id=mnp，如果我尝试记录它的话。
你能帮帮我告诉我我做错了什么吗？
我非常喜欢你！
浏览 3提问于2016-07-06得票数 2
回答已采纳
1回答
如何获得用户接触到的坐标？我正在使用和Javascript。
在我的index.html上，我不知道如何从用户交互中获取x和y坐标。
浏览 3提问于2011-02-17得票数 0
1回答
无法理解如何在python脚本中使用selenium来从html中提取跨文本内容：rsb-12498。请帮帮忙。谢谢。
<div _ngcontent-pfw-c3="" class="strip_list wow fadeIn animated" style="visibility: visible; animation-name: fadeIn;"><figure _ngcontent-pfw-c3=""><a _ngcontent-pfw-c3="" href="deta
浏览 1提问于2021-12-07得票数 1
回答已采纳
jQuery position()：
获取匹配元素集合中第一个元素的当前坐标，相对于偏移量父元素。
offset Parent是什么意思？，input在pre标签下，所以位置应该是const number (因为input和pre (pre是其父)之间的距离是一个固定的距离，它永远不会改变)。
但是它计算的是scroll。
我想我不明白offsetParent的意思.有什么帮助吗？
浏览 3提问于2013-09-16得票数 0
回答已采纳
2回答
找不到元素定位器
、、
我创建了这个关键字：
Validate Header
Wait Until Page Contains id=outputtext-text-Header:ApplicationHeaderCoachView1:ApplicationHeaderCoachViewInner1:Output_Text1
Element Should Be Visible id=outputtext-text-Header:ApplicationHeaderCoachView1:ApplicationHeaderCoachViewInner1:Output_Text1
但它总是失败，给我这个错误：
浏览 0提问于2019-01-30得票数 0
我创建了如下的自定义元素：
1.在应用程序/表单/元素/CustomElement.php中创建CustomElement类
2.添加到我的Module.php函数中
public function getFormElementConfig()
{
return array(
'invokables' => array(
'custom' => 'Application\Form\Element\CustomElement',
),
);
}
如果我使用FQCN，
浏览 0提问于2013-04-09得票数 3
回答已采纳
我正在开发一个，它和其他浏览器一起驱动IE。因此，我需要获得用户希望与之交互的元素的屏幕坐标。获取这些坐标的主要方法是使用getBoundingClientRect()。问题是，在IE中，这些坐标总是相对于包围文档的左上角。如果元素位于框架/iframe中，这可能不是相对于浏览器窗口左上角的元素的屏幕坐标。
我通过C++使用COM来驱动浏览器，尽管我能够通过C++驱动程序层执行JavaScript。我还将它排除在进程之外，这意味着我没有在浏览器帮助对象(BHO，或IE外接程序)内执行。迁移到BHO不是这个项目的一个选项。除了使用IE6、7、8和9之外，我不需要担心跨浏览器的兼容性，因为我可以找
浏览 0提问于2011-02-01得票数 2
回答已采纳
1回答
从html元素获取文本
、、、、
我想登录到机器人框架日志文件中，在表格“摘要文本”中的段落中的消息。但是，这个paragraph既没有id，也没有类。在这种情况下，我如何才能让文本记录在机器人框架上呢？
<div id="results">
<h2>Results</h2>
<form id="form_results" method="POST" >
<p>Summary text</p>
浏览 7提问于2022-08-15得票数 0
在网址"https://cheapticket.in/b2c/flights"上，点击“注册”按钮后会出现一个弹出框，我想在其中输入电子邮件和所有其他字段，但会抛出以下异常：
Exception in thread "main" org.openqa.selenium.ElementNotInteractableException:
Element <input id="" class="fluid" name="login" type="text"> could not be
scr
浏览 8提问于2018-09-03得票数 0
这是我正在使用的HTML：
<div class="pbSubsection">
<table class="detailList" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="labelCol">
<label for=&#
浏览 3提问于2013-05-22得票数 3
回答已采纳
错误描述-
java.lang.IllegalArgumentException:给定上下文的类org.openqa.selenium.remote.RemoteWebDriver既不实现io.appium.java_client.FindsByIosNSPredicate也不实现io.appium.java_client.FindsByFluentSelector。抱歉的。找不到什么东西
如果有人对此有任何想法，请帮助我。将添加更多细节，如果有人需要的话。
浏览 8提问于2020-05-08得票数 1
我正在试着把名字和电子邮件从这里删掉。。问题是，当你点击名字旁边的链接时，它会“展开”it...and下面的部分将你带到那里。没有办法知道哪个名称的相应链接在其描述中会有一封电子邮件。因此，我只能做到这两种情况中的任何一种，但不是两种都得到。这是一个非常简单的site..so，查找元素没有问题。希望有人能帮我理解这里的逻辑。我正在做this..though这是不正确的，我知道。
Aut_div = driver.find_element_by_class_name('inline-authors')
nam_a = Aut_div.find_elements_by_tag_na
浏览 0提问于2021-01-05得票数 0
我是iModeljs的新手 我想实现一个函数，当单击一个元素时，在控制台上显示它的坐标。请告诉我怎么做才是正确的
浏览 16提问于2020-08-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
