测试学习-如何使用开发者工具(F12) 快速调试xpath代码

1. 在谷歌浏览器运行百度网址，按键盘F12调出浏览器自带的开发者工具。

2. 首先点击开发者工具左上角的带箭头的小图标，再点击想要查看xpath的元素，开发者工具会自动将所选元素的代码底纹变色。
   

3. 鼠标右击相关代码，弹出菜单栏，选择Copy->Copy Xpath /Copy full Xpath来选择复制相对路径或者绝对路径（绝对路径一般不使用）。
   

4. 然后我们可以用刚刚复制的路径去定位xpath所指的元素。按住ctrl+f，在查找中输入xpath路径，相关元素被选中，相关代码底纹变色，查找输入框1 of 1，则证明查到。
   

5. 除了可以在Elements中定位xpath所指的元素外，还可以在Console控制台定位，输入格式为$x(“xpath 代码”)。
   当定位成功时，如下图所示：
   
   当定位失败时，如下图所示：
   

在别人那里搜索到的Xpath在线测试工具https://www.toolnb.com/tools/xpath.html