python中selenium如何定位shadow-root中的元素

最新推荐文章于 2024-02-28 20:59:50 发布
最新推荐文章于 2024-02-28 20:59:50 发布
阅读量1.2k 收藏 4
点赞数
文章标签： selenium 测试工具 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lupe_c/article/details/133095011
版权

最近遇到了这个问题，找了好久，终于找到了，参考的是下面这篇文章，但是这篇文章写的比较简单并且有点小问题，对此进行补充，和记录关于shadow-root的查找_#shadow-root_Redamancy又在写BUG的博客-CSDN博客

是以下面这个图片为例，要定位到里面的input需要这么写：

driver.find_element(By.CSS_SELECTOR,'kat-input').shadow_root.find_element(By.CSS_SELECTOR,'input')

后面如果有多个shadow-root可以接多个shadow_root，例如：

t=driver.find_element(By.CSS_SELECTOR,'kat-date-range-picker').shadow_root.find_element(By.CSS_SELECTOR,'kat-date-picker[class=start]').shadow_root.find_element(By.CSS_SELECTOR,'kat-input').shadow_root.find_element(By.CSS_SELECTOR,'input')

lupe_c
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
Python库 | selenium-wire-4.1.1.tar.gz
05-22
资源分类：Python库 所属语言：Python 资源全名：selenium-wire-4.1.1.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
问题总结，web自动化测试元素无法操作？shadowDOM节点元素解决......
03-24 1108
web自动化遇到shadowDOM你会操作吗？之前在做web自动化的时候，发现页面上有些元素，在selenium中无法通过xpath来定位，各种原因找了半天都没找到解决方案，最后发现元素在一个叫做shadow-root的节点下面，如下所示：问题：shadow-root是什么？为什么下面的节点在selenium无法通过xapth来定位？shadowDOM介绍可以看成一个隐藏的DOM。它是一个独立的DOM树，具有自己的元素和样式，与原始文档DOM完全隔离。
Selenium 自动化遇见 shadow-root 元素怎么处理？
主要分享测试的学习资源，帮助快速了解测试行业，帮助想转行、进阶、小白成长为高级测试工程师。
02-25 607
在做web自动化，有一些特殊元素是在shadow-root节点下面的，如果通过常规的xpath或者其他的定位方式是定位不到对应元素的，比如下面的页面：
python中通过selenium简单操作及元素定位知识点总结
09-18
在本篇文章里小编给大家整理的是关于python中通过selenium简单操作及元素定位的知识点，有需要的朋友们可以学习下。
【UI自动化测试】Selenium 自动化遇见 shadow-root 元素定位处理方法
qq_41922571的博客
02-28 720
shadow-root是前端的特殊元素节点，其使用了一个叫做shadowDOM的技术做了封装，shadowDOM的作用可以理解为在默认的DOM结构中又嵌套了一个DOM结构（和iframe有点类似，只不过iframe内嵌的是HTML），内嵌的DOM结构默认是隐藏的，所以我们如果想要在shadow-root底下的DOM中定位元素，那么就需要进行切换。Step1：先去找到shadow-root的宿主节点，对应的是wujie-app。注意，字符串里面的单双引号嵌套的情况下需要进行转义。同样也可以定位到对应元素。
关于shadow-root的查找
朱同学
01-13 1152
selenium解决shadow-root定位不到
selenium中定位shadow-root，以及获取shadow-root内部的数据
xiameimei_win的博客
09-01 2834
通过shadow-root的父级定位到shadow-root,再通过语句进行操作两种方法：第一种，Python种JS实现第二种，selenium实现。
shadow-root中的元素定位方法
热门推荐
run_bear的博客
01-26 1万+
shadow-root中的元素定位方法背景观察一下元素的DOM结构我理解的shadow-root定位步骤实现元素定位的语句还有一种更简单的方法 背景 最近接手了一个新项目的测试工作，前几天领导让做自动化，本来以为平平无奇的自动化，结果开始写的时候就给我难住了，明明白白的看见元素就在页面上，用了css、xpath等各种定位方法，却怎么都定位不到，搞得我差点怀疑自己之前学的定位方法都是假的。 直到我师父给我点拨，说shadow-root里面的元素不能用普通的定位方法，才指引我走上正确的道路。 观察一下元素的DO
js操作shadow-root内的DOM元素
qq_44376306的博客
01-05 4268
Shadow DOM 接口是关键所在，它可以将一个隐藏的、独立的 DOM 附加到一个元素上。shadow-root包裹下的对象，不在全局的DOM树中，因此getElementById 等方法，获取不到包裹中的对象。借助于 shadow DOM，您可以创建作用域 DOM 树，该 DOM 树附加至该元素上，但与其自身真正的子项分离开来。
利用ShadowRoot 实现样式隔离
Helsonlin
11-12 1118
Shadow DOM API 的 ShadowRoot 接口是一个 DOM 子树的根节点，它与文档的主 DOM 树分开渲染。在开发过程中，我们可以利用ShadowRoot的特性，将样式隔离到ShadowRoot中，从而避免样式冲突。由于Shadow Dom 是一个独立的节点，所以我们可以利用 Shadow Dom 实现样式隔和组件隔离。插件开发过程之中，如果你使用了像tailwindcss之类的样式库，不难避免遇到样式冲突的问题。（因为打包之后样式文件是作用于全局的，无法在shadow root中使用）。
定位shadow
梦回丹霞的博客
05-20 1369
1、先定位到 shadow-root 的宿主节点(此处为 id=box 的 div) 2、切换到 shadow-root 中 3、然后再选择 shadow-root 下的 span 标签 import time from selenium import webdriver driver = webdriver.Chrome() driver.get(url="http:127.0.0.1:5000/test") js = 'document.getElementById("box").shadowR.
selenium-python-中文静态网页版-latest.zip
01-09
selenium-python-中文静态网页版-latest.zip
Selenium-Python中文文档
01-16
文档来源采集离线html源 http://selenium-python-zh.readthedocs.io/en/latest/getting-started.html 文档类型,离线html整合 ,整理成了离线chm格式的
selenium-pytest-python
03-29
selenium-pytest-python
Python selenium 使用笔记
Dark Park
03-17 843
Python selenium 的使用记录
你见或者不见，我就在那里。不离不弃！--(shadow DOM)(前端冷知识)
szy1000的专栏
06-10 4592
shadow-DOM: 就是影子模型！一般我们是看不到它的。
爬取#shadow-root节点以下的网页
邹九的个人博客
08-23 249
【代码】爬取#shadow-root节点以下的网页。
python中selenium元素定位
最新发布
03-11
在Python中使用Selenium进行元素定位是非常常见的操作，可以通过以下几种方式来实现： 1. 通过ID定位元素： 使用`find_element_by_id`方法，传入元素的ID属性值，例如： ```python element = driver.find_element_by_id("element_id") ``` 2. 通过Name定位元素： 使用`find_element_by_name`方法，传入元素的Name属性值，例如： ```python element = driver.find_element_by_name("element_name") ``` 3. 通过Class Name定位元素： 使用`find_element_by_class_name`方法，传入元素的Class Name属性值，例如： ```python element = driver.find_element_by_class_name("element_class") ``` 4. 通过Tag Name定位元素： 使用`find_element_by_tag_name`方法，传入元素的Tag Name属性值，例如： ```python element = driver.find_element_by_tag_name("element_tag") ``` 5. 通过XPath定位元素： 使用`find_element_by_xpath`方法，传入元素的XPath表达式，例如： ```python element = driver.find_element_by_xpath("//div[@id='element_id']") ``` 6. 通过CSS Selector定位元素： 使用`find_element_by_css_selector`方法，传入元素的CSS Selector表达式，例如： ```python element = driver.find_element_by_css_selector("div#element_id") ``` 以上是常用的几种元素定位方式，根据实际情况选择合适的方式进行定位。另外，还可以使用`find_elements_*`系列方法来查找多个匹配的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值