工具
目前chrome浏览器支持ChroPath插件，这是一个非常好用的定位前端标签插件，在https://crxdl.com/中查询chropath下载离线包，手动安装插件即可
XPATH是啥？
XPath是XML的路径语言，通俗一点讲就是通过元素的路径来查找到这个标签元素。
Xpath用法
默认写死 //*,获取到页面所有元素
1、只要元素的属性是唯一的，就都能获取到，无论是id class name 自定义属性等
通过属性获取需要使用'@'标记，格式：//*[属性名="属性值"]
通过id获取 //*[@id='i1'] 通过name获取 //*[@name='name'] 通过class获取 //*[@class='class'] 通过自定义属性获取 //*[@other='attribute']
2、当标签的属性重复时，Xpath提供了通过标签来进行过滤
将 * 换位任意标签名，则可根据标签进行筛选 //input[@placeholder='用户名']
3、当标签页重复时，Xpath提供了层级过滤
那就从父级的标签开始找，或者父级的父级标签开始找
支持通过 / 进行层级递进，找到符合层级关系的标签 如下：定位到driver的标签后，发现有多个driver,通过数组的方式（中括号）取到取索引值为1的driver元素，xpath是从1开始 //div[@class='driver'][1]/div[@class='inner'] 当层级都重复时，可以通过单个层级的属性进行定位 //div[@class='driver'][1]/div[@class='inner'][1]/input[@id='i1']
4、一个元素它的兄弟元素跟它的标签一样，这时候无法通过层级定位到。因为都是一个父亲生的，多胞胎兄弟。Xpath提供了索引过滤
通过索引，在List中定位属性，与python的索引有些差别，Xpath从1开始 //select[@name='city'][1]/option[1]
5、一个标签可能会含有多个属性，比如多选框，select包裹了多个option,每个option有各自的属性 ，就需要用到逻辑运算 and or来组合定位
通过and来缩小过滤的范围，只有条件都符合时才能定位到 //select[@name='city' and @size='4' and @multiple="multiple"] or就相反了，只要这些筛选中，其中一个出现那么久匹配到了 //select[@name='city' or @size='4']