开发者工具验证元素定位方式

以你之姓@ 2024-05-31 05:07 66阅读 0赞

1.验证Xpath方式的元素定位

打开开发者工具，在console标签页中，

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16][]

光标放到定位结果中，页面元素会高亮

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

2. 验证css方式的元素定位

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

光标放到定位结果上“0: input.lg-bt“上时，页面的被定位元素会高亮

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/b000a0ecbe0c4ee5a3b953621640644a.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/ef8c6630e49e4b908f29d5ecf0612213.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/e6547d43f2674676a45c0822d6f0d33f.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pu557qi5p2P_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/31/56685fdbc1444f7eb1a8ed47a110991b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关开发者工具验证元素定位方式

验证Xpath、css等方式的元素定位2.验证css方式的元素定位

以你之姓@/ 2024年05月31日 05:07/ 0 赞/ 67 阅读

相关 Selenium之元素定位几种方式

-------------------- selenium提供了8种定位方式，下表列出了各个定位方式和在Python中对应的方法： <table> <thead>

川长思鸟来/ 2022年12月27日 08:28/ 0 赞/ 200 阅读

相关【资料补充】元素定位和定位辅助工具

Web页面组成-代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

你的名字/ 2022年10月30日 11:28/ 0 赞/ 135 阅读

相关 Chrome开发者工具

来自：SegmentFault 链接：http://segmentfault.com/a/1190000003985909 原文：https://med

布满荆棘的人生/ 2022年08月22日 05:47/ 0 赞/ 285 阅读

相关 Chrome 开发者工具(DevTools)中所有快捷方式列表

【转自：https://9iphp.com/web/javascript/chrome-devtools-shortcuts.html 】 Chrome DevTool

你的名字/ 2022年06月04日 03:35/ 0 赞/ 263 阅读

相关 Chrome 开发者工具(DevTools)中所有快捷方式列表

Chrome 开发者工具(DevTools)中所有快捷方式列表（已整理）前言 Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以

拼搏现实的明天。/ 2022年05月24日 09:59/ 0 赞/ 214 阅读

相关 chrome开发者工具

[随笔分类 - Chrome开发者工具系列][- Chrome] [Chrome开发者工具详解][Chrome] [最新 Chrome DevTools(v5

心已赠人/ 2022年02月23日 01:52/ 0 赞/ 407 阅读

相关 chrome开发者工具Network

DOMContentLoaded 和 Load `DOMContentLoaded` 和 `Load` 分别对应页面 `DOMContentLoaded` 和 `Loa

古城微笑少年丶/ 2022年02月16日 15:13/ 0 赞/ 352 阅读

相关 WebDriver--定位元素的8种方式

在UI层面的自动化测试开发中，元素的定位与操作是基础，也是经常遇到的困难所在。webdriver提供了8种定位： 1. id定位：find\_element\_by\_id(

àì夳堔傛蜴生んèń/ 2022年01月23日 22:21/ 0 赞/ 349 阅读

相关 HTML元素定位方式——相对定位、绝对定位、固定定位、浮动定位

布局排版是网页设计的基础，熟练使用各种定位写起网页来会更得心应手。静态定位当添加一个HTML元素，不设置定位方式默认为静态定位（position：static），静

水深无声/ 2021年09月20日 15:32/ 0 赞/ 755 阅读