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

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

时间:2023-05-14 23:32:07浏览次数:54  
标签:xpath 论语 console 张庆祥 chrome VM2403 完结 VM2327 div


定位元素时,一般用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)

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

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

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

$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
知道如上知识以后就可以实战了

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

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

鼠标移动到某一个元素上

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

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

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

纵横奇谋:细读鬼谷子
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 百家讲坛姜鹏品读《资治通鉴》(完结)

标签:xpath,论语,console,张庆祥,chrome,VM2403,完结,VM2327,div
From: https://blog.51cto.com/u_14523369/6275400

相关文章

  • KVM环境:Active console session exists for this domain
    做测试过程中被迫换电脑,但没有关掉原电脑的连接,所以用其他电脑连接测试环境时,发现之前的kvm测试环境因没有断开,无法连接:error:operationfailed:Activeconsolesessionexistsforthisdomain[root@bogon~]#virshconsoledb11gConnectedtodomaindb11gEscapecharact......
  • 【Windows】【Chrome】获取 Chrome 离线安装包
    背景有的时候我们需要下载最新版的chrome来试试新特性通用方法https://blog.csdn.net/RadiantJeral/article/details/114436104......
  • Chrome 开发者工具 network 标签页里获取到的 cookie 字段在 Postman 里的应用
    在Chrome开发者工具中的Network标签页观察HTTP请求时,其中一个常见的字段就是requestheaders。其中的cookie值是指浏览器向服务器发送的Cookie。Cookie是一种服务器存储在客户端计算机上的小文本文件,可以用于存储用户的身份信息、浏览器的偏好设置等信息。在HTTP请......
  • 【兼容性】Chrome浏览器模拟设置不同分辨率
    1、起因有时候软件系统UI的分辨率有特殊的要求(手机端的,或者是大屏幕显示器),通过浏览器查看的时候,需要设置相同的分辨率。查看页面是否布局不符合要求 2、设置方法点击浏览器右侧三个点-》更多工具-》开发者工具,或者F12直接打开点击右上角设置 点击设备 点击添加自定......
  • BurpSuit配置浏览器代理 chrome
    1、BurpSuit配置默认代理 2、添加谷歌插件switchyomega,修改服务器和端口 打开代理,选择刚才添加的代理 3、访问http://burp/,获取证书 4、将证书添加到Chrome浏览器 5、访问任意网址,发现可以抓到包包啦~ ......
  • Google Chrome浏览器离线安装包下载方式
    GoogleChrome是应用很广泛的浏览器,默认是在线安装模式。如果网络速度很慢,或者没有网络的时候,就需要离线安装包了。32位Chrome离线包下载:http://www.google.cn/chrome/browser/desktop/index.html?standalone=164位Chrome离线包下载:http://www.google.cn/chrome/brow......
  • postman 的 console 窗口,助力 http 请求错误时的问题排查
    postman是个很不错的http请求测试工具,有时我们使用它发送http请求,但是因为各种原因,导致请求失败,没有response返回,可能只有一个状态码,这让我们排查起来非常困难,比如下图所示,请求一个接口后,看不到response,只能看到status是401unauthorized,字面意思是没权限。但是我明......
  • Shortcut of Chrome on Windows & Linux
    ShortcutofChromeonWindows&LinuxTab&windowshortcutsActionShortcutOpenanewwindowCtrl+nOpenanewwindowinIncognitomodeCtrl+Shift+nOpenanewtab,andjumptoitCtrl+tReopenpreviouslyclosedtabsinthe......
  • 巧用Chrome格式化压缩后的js文件
    对于格式化的js文件,可以用chrome处理。打开chrome浏览器,按F12进入开发者工具界面,找到一个压缩js文件,如图: 在浏览器的底部(左边)的工具栏有一个"{}"样的图标 ,点击一下就可以了。 格式后: 格式化的js也可以左击保存:......
  • 交换机重置console口密码
    1、通过Console口连接华为交换机,手动重启交换机。2、界面出现BIOS LADING...,按下快捷键“Ctrl+B”并输入BootROM/BootLoad密码,进入BootROM/BootLoad主菜单。3、初始密码:[email protected]  A必须大写。4、选择7 Clearpasswordforconsoleuser 清除console用户密码模式......