F12开发者工具有console标签,在其内执行console命令可以交互性验证css或者xpath表达式效果
xpath用$x(),将表达式用引号括起来放进去,回车执行命令,如果成功产生非空输出的匹配元素列表(可以点击自动框选定位、可以展开子元素查看),举例:
$x("//table[@id='simpleWithNested']/tbody/tr/*")
对于引号内的部分,可以用count函数包裹起来,输出匹配元素列表的大小:
若用string替换count,则输出匹配元素列表所有元素的文字合集(按照xml规定应该是其下全部后代的文字合集),这可以验证你的xpath去获取的element text是否得到正确值。举例如下:
这个console也可以自行css表达式的交互式验证,只是把$x()换成$$()而已,但是还没找到css可用的string和count函数

本文介绍如何使用浏览器的F12开发者工具通过console标签进行XPath和CSS表达式的交互式验证。针对XPath,文章提供了如何使用$x()函数来执行表达式并返回匹配元素列表的方法,以及如何利用count和string函数进一步分析匹配结果。对于CSS选择器,则可通过$$()函数实现类似功能。
852

被折叠的 条评论
为什么被折叠?



