在开展Web UI自动化测试的时候，元素定位是首先要解决的问题，Selenium提供了多种元素定位方法，其中xpath是我们常用的定位手段之一，当我们写完xpath后，如何确保该xpath能定位到目标元素呢？本篇博客来探讨一下该问题。

1、通过执行脚本，验证元素定位是否正确

脚本调试是非常重要的环节，但是通过执行脚本来判断元素定位是否准确，效率低下，并非首选。

2、通过开发者工具Elements判断元素定位是否准确

1、打开Chrome浏览器开发者工具，按下“Ctrl + f ”快捷键，在下方，弹出搜索框，如下图所示
在这里插入图片描述
在这里输入xpath或者css，可以看到如下图所示效果：
在这里插入图片描述
注意：这里还支持css的搜索

3、通过开发者工具console页签判断元素定位是否准确

接下来，我们看看Console页签，如何查找元素
在这里插入图片描述
使用命令

$x("元素的xpath")

效果如下：
在这里插入图片描述
输入“$x(’//*[@id=“kw”]’)”，然后回车，如上图2；用鼠标点击“左侧小三角”展开，当鼠标悬浮在上图3位置时，可以看到百度输入框高亮，如上图1所示。

4、拓展

当我们在Console中输入“$”时，会有一些命令提示，如下图所示：
在这里插入图片描述

其中，$ = document.querySelector

在这里插入图片描述

$$ = document.querySelectorAll

在这里插入图片描述

# chrome # 前端 # css
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

Handy 离线语音转写教程：免费开源，本地跑不连网

你肯定遇到过：语音输入 5 分钟，云转写服务要登录、要付费；或者出差没网，想口述一段会议纪要，发现全都没法用。Handy 离线语音转写工具就是为解决这个问题做的，声音全程不出你的电脑。## 🎯 这个工具是什么Handy 是一款免费、开源、跨平台（Windows / macOS / Linux）的离线语音转写应用。按住快捷键说话，松手后文字直接粘贴进任意输入框，全程不联网。核心能力就三条：

avatar 天工造物局

Supabase Edge Functions 编写与部署完整指南：Deno 运行时上的无服务器利器

Supabase Edge Functions 是基于 Deno 运行时编写、面向 Web 的无服务器函数服务，帮你把后端逻辑部署到全球边缘节点。作为 Postgres 开发平台的核心能力之一，它让你用 TypeScript 就能快速搭建低延迟的 API 端点、Webhook 接收器和 AI 集成服务，无需管理任何服务器。本文将从零带你完成一个 Edge Function 的创建、本地调试与全球部

avatar 天工造物局

celld从v0.1.0到v0.2.0为何不能滚动升级：两个破坏性变更详解

celld 是一个自托管、分布式的 Durable Objects 开源守护进程，它在你自己的机器上运行 Cloudflare Workers，每个对象对应一个独立的 SQLite 数据库，并持续复制到你自己拥有的 S3 兼容存储桶中。如果你正准备把 v0.1.0 的集群（fleet）升级到 v0.2.0，这篇文章必须先读：这次升级**不能滚动升级**，必须采用"先停光、再启动"的一次性发布方式。

avatar 天工造物局