一、浏览器自带工具查看元素
1、选中元素,右击选择“Inspect Element”查看元素
2、选择更多—web developer—Inspector选择查看器,页面上移动鼠标,选中元素高亮显示
二、使用Firefox插件查看元素匹配的节点个数
如何添加插件(扩展程序)
1、点击Add-ons(或快捷键Ctrl+Shift+A),页面跳转到Add-ons Manager,点击Extensions扩展程序,搜索可以创建xpath的插件
2、搜索结果有三个,建议使用Try XPath,点击Install安装,点击ADD添加扩展程序,成功后右上角显示“TX”符号
3、点击TX图标,选择“XPATH ANY_TYPE”,在Expression输入XPATH,以搜索框为例,标签为input,属性为class,输入//input[@class=‘search-input’]
4、匹配多个节点(ul 标签下a超链接),点击focus高亮显示元素