通过谷歌浏览器的开发者工具F12查找元素的xpath与CSS地址

打开谷歌浏览器，按F12打开开发者工具

1.选择element元素

2.点下工具窗右上角的小箭头

3.点击要定位的元素，如图中的“关注”，点击后元素栏自然会用亮色突出该元素信息

4.右击这行信息

5.选择copy

6.选择copy xpath ，复制xpath地址；如这里的“关注”   xpath地址是：  //*[@id="toolBarBox"]/div/ul/li[7]/a[1]

7.选择copy selector ，复制css地址；如这里的“关注”  css地址是：  #toolBarBox > div > ul > li:nth-child(7) > a.tool-attend.tool-bt-button.tool-bt-attend

 

PS：注意双引号嵌套问题。

比如百度搜索，复制搜索输入框的xpath地址 //*[@id="kw"] 放到代码行里，执行报错 SyntaxError: invalid syntax，错误指针指向kw，代码行里，kw显示为白色，而且下面有波浪线，表示此处有错误。这是个很明显的语法错误——引号。

下图中第一行代码，我的写法是xpath("//*[@id="kw"]")，四个双引号，两两一对，那么第一对双引号扩的就是 "//*[@id="   第二对是 "]"  kw被放到外面去了。

（参考我们中文的双书名号用法，如：最近印刷的《教育部提请审议〈高等教育自学考试试行办法〉的报告》是第X版。）

所以改下引号就可以了，可以是外单内双xpath('//*[@id="kw"]')  也可以是外双内单xpath("//*[@id='kw']")

改完后，运行成功。（当然引号嵌套问题还有更复杂的，灵活应用就好了）