使用chrome console检查css selector/xpath的有效性|百度云盘如何获取文件库中的目录文字

定位元素时，一般用xpath或css selector来定位，定位时可以借助chrome浏览器或firefox浏览器的firebug来直接copy selector或copy xpath。此文介绍使用chrome怎样去验证css selector或xpath的有效性。

步骤
1. 按F12打开chrome的开发者工具；
2. 再按Esc键调出console
经过这俩步骤，chrome的Elements和Console展示在同一个窗口，便于查看。

$(selector)和$$(selector)

可见：前者会列出与selector匹配的所有元素，而后者则是把这些匹配到的元素组成了数组。（点击返回的每个元素，则会定位到页面中的img元素及html中的具体位置）
另外还有两种方法与上面类似：

$x(path)返回的是一个数组，数组中即为与xpath匹配的所有元素。
References：
https://developers.google.cn/web/tools/chrome-devtools/console/command-line-reference?hl=zh-cn
https://getfirebug.com/wiki/index.php/Command_Line_API
知道如上知识以后就可以实战了

打开百度云分享给我们的群组链接

鼠标移动到某一个元素上

ctrl+shift+c 定位到某一个元素上以后

右键copy selector

//*[@id="body"]/div/div/div/div[2]/div[1]/div[1]/div[2]/div[2]/div[2]/ul/li[9]/div[2]/div[1]/span/a

我们不需要那么长

记事本编写代码

    var _list = $('div.sharelist-item-title > span > a');for (i = 0; i <= _list.length; i++) {console.log(_list[i].innerText);}

粘贴到调试工具Console

这样我们想要的数据就出现了复制下来不需要的替换掉~~

纵横奇谋：细读鬼谷子
VM2327:3 诸子百话
VM2327:3 周易64卦（完结）
VM2327:3 中国通史大师课
VM2327:3 哲学100问·第3季：西方哲学终极课
VM2327:3 哲学100问（完结）
VM2327:3 张述任-易经秘笈：风水不求人7讲
VM2327:3 张庆祥朱子晚年定论
VM2327:3 张庆祥六祖坛经
VM2327:3 张庆祥讲传习录（完结）
VM2327:3 张庆祥讲《论语》
VM2327:3 张其成讲易经
VM2327:3 张其成讲《黄帝内经》
VM2327:3 张大春细说三侠五义
VM2327:3 增广贤文
VM2327:3 曾国藩《冰鉴》：教你看脸识人心（完结）
VM2327:3 曾国藩24锦囊（完结）
VM2327:3 余秋雨·中国文化必修课
VM2327:3 于晓非《金刚经》导读
VM2327:3 易中天说禅
VM2327:3 一听就懂的《易经》
VM2327:3 项羽传（完结）
VM2327:3 吴姐姐讲历史故事
VM2327:3 王蒙讲孔孟老庄
VM2327:3 王立群品经典宋词
VM2327:3 钱文忠讲佛
VM2327:3 平说历史,盛世大唐(完结)
VM2327:3 名家开讲·中国历史大变局
VM2327:3 马未都-国宝100
VM2327:3 刘笑敢：《道德经》智慧100讲
VM2327:3 梁冬私房笔记-庄子的心灵自由之路
VM2327:3 郦波解读曾国藩
VM2327:3 乐话《道德经》
VM2327:3 老浦说字
VM2327:3 赳赳说字
VM2327:3 蒋勋合集
VM2327:3 黄明哲正解《道德经》
VM2327:3 古文观止
VM2327:3 宫玉振说曾国藩
VM2327:3 傅杰的复旦论语课
VM2327:3 复旦哲学课
VM2327:3 复旦陈正宏《史记》精讲
VM2327:3 佛渡有缘人
VM2327:3 大鱼讲论语：亲子国学课（上）(完结)
VM2327:3 大鱼讲论语第二季
VM2327:3 才子都会对对联
VM2327:3 北大赵冬梅讲中国史
VM2327:3 北大附中高级教师王来宁的论语课
VM2327:3 鲍鹏山私塾课论语
VM2327:3 百家讲坛姜鹏品读《资治通鉴》(完结)
VM2403:3 纵横奇谋：细读鬼谷子
VM2403:3 诸子百话
VM2403:3 周易64卦（完结）
VM2403:3 中国通史大师课
VM2403:3 哲学100问·第3季：西方哲学终极课
VM2403:3 哲学100问（完结）
VM2403:3 张述任-易经秘笈：风水不求人7讲
VM2403:3 张庆祥朱子晚年定论
VM2403:3 张庆祥六祖坛经
VM2403:3 张庆祥讲传习录（完结）
VM2403:3 张庆祥讲《论语》
VM2403:3 张其成讲易经
VM2403:3 张其成讲《黄帝内经》
VM2403:3 张大春细说三侠五义
VM2403:3 增广贤文
VM2403:3 曾国藩《冰鉴》：教你看脸识人心（完结）
VM2403:3 曾国藩24锦囊（完结）
VM2403:3 余秋雨·中国文化必修课
VM2403:3 于晓非《金刚经》导读
VM2403:3 易中天说禅
VM2403:3 一听就懂的《易经》
VM2403:3 项羽传（完结）
VM2403:3 吴姐姐讲历史故事
VM2403:3 王蒙讲孔孟老庄
VM2403:3 王立群品经典宋词
VM2403:3 钱文忠讲佛
VM2403:3 平说历史,盛世大唐(完结)
VM2403:3 名家开讲·中国历史大变局
VM2403:3 马未都-国宝100
VM2403:3 刘笑敢：《道德经》智慧100讲
VM2403:3 梁冬私房笔记-庄子的心灵自由之路
VM2403:3 郦波解读曾国藩
VM2403:3 乐话《道德经》
VM2403:3 老浦说字
VM2403:3 赳赳说字
VM2403:3 蒋勋合集
VM2403:3 黄明哲正解《道德经》
VM2403:3 古文观止
VM2403:3 宫玉振说曾国藩
VM2403:3 傅杰的复旦论语课
VM2403:3 复旦哲学课
VM2403:3 复旦陈正宏《史记》精讲
VM2403:3 佛渡有缘人
VM2403:3 大鱼讲论语：亲子国学课（上）(完结)
VM2403:3 大鱼讲论语第二季
VM2403:3 才子都会对对联
VM2403:3 北大赵冬梅讲中国史
VM2403:3 北大附中高级教师王来宁的论语课
VM2403:3 鲍鹏山私塾课论语
VM2403:3 百家讲坛姜鹏品读《资治通鉴》(完结)

使用chrome console检查css selector/xpath的有效性|百度云盘如何获取文件库中的目录文字相关推荐

Python 中 xpath 语法与 lxml 库解析 HTML/XML 和 CSS Selector
The lxml.etree Tutorial :https://lxml.de/tutorial.html python3 解析 xml:https://www.cnblogs.com/deadwo ...
Xpath CSS Selector
xpath 和 css selector 方式的内容提取介绍 1.定位元素在目标网页中,找到相应的元素,右键检查元素,看到元素的代码信息,找到自己需要的,进行右击,这时候有两种方式可以获得标签的位置 ...
chrome console 调试xpath
chrome console F12->$x("//title") [<title>Online Tools for Software Developers (F ...
xpath和css selector
参考:https://www.cnblogs.com/captainmeng/p/7852044.html css selector解释:https://www.cnblogs.com/feng081 ...
艺赛旗RPA开发技巧-巧用css selector
一.什么是css selector css selector指的是css 选择器,是用来匹配网页中的dom元素的. 在艺赛旗设计器中,对IE浏览器上的元素,我们可以根据css selector定位,C ...
jsoup获得css,Jsoup代码解读之五-实现一个CSS Selector
Jsoup代码解读之七-实现一个CSS Selector 当当当!终于来到了Jsoup的特色:CSS Selector部分.selector也是我写的爬虫框架webmagic开发的一个重点.附上一张s ...
Selenium - CSS Selector
用CSS(即层叠样式表Cascading Stylesheet) Selector来定位(locate)页面上的元素(Elements).Selenium官网的Document里极力推荐使用CSS l ...
scrapy 解析css,Scrapy基础(六)————Scrapy爬取伯乐在线一通过css和xpath解析文章字段...
上次我们介绍了scrapy的安装和加入debug的main文件,这次重要介绍创建的爬虫的基本爬取有用信息通过命令(这篇博文)创建了jobbole这个爬虫,并且生成了jobbole.py这个文件,又写 ...
uibot css selector定位,UiBot如何使用CSS Selector
UiBot默认的数据抓取可以抓取整个表格,但是有时候我们并不想抓取整个表格,比方说,我们想将下图所有的头像复制到Excel里: 这个时候我们无法使用数据抓取功能,因为我们并不是想抓取数据,而是要操作网 ...
获取css selector,selenium的css selector元素获取方式
目标站存在验证码,验证码与用户名关联:登录密码存在加密,加密方式未知(相同用户密码反复测试加密结果不一样):无法使用burp+验证码识别爆破:只能使用selenuim+验证码识别处理: 测试中发现几个 ...

使用chrome console检查css selector/xpath的有效性|百度云盘如何获取文件库中的目录文字

$(selector)和$$(selector)

使用chrome console检查css selector/xpath的有效性|百度云盘如何获取文件库中的目录文字相关推荐

最新文章

热门文章