阿贝 发表于 2023-5-14 00:00:01

SelectorGadget-CSS 选择器 v1.1.1

插件背景:
Selector Gadget 是一个开源的 Chrome 扩展,它使 CSS 选择器的生成和在复杂站点上的发现变得轻而易举

插件简介:
Selector Gadget是一个开源的Chrome扩展程序,可以轻松地在复杂的网站上生成和选择CSS选择器。安装扩展程序后,转到任意页面并启动它。网站右下方会打开一个方框。单击您希望选择器匹配的页面元素(它将变为绿色)。然后SelectorGadget将为该元素生成一个最小的CSS选择器,并突出显示(黄色)选择器匹配的所有内容。现在单击突出显示的元素将其从选择器中删除(红色),或单击未突出显示的元素将其添加到选择器。通过这个选择和拒绝过程,SelectorGadget可以帮助您找到满足您需求的完美CSS选择器。


插件使用方法:
1、下载完会在右上角多出一个放大镜的小标志。提示你已经安装好该插件
2、接下来就可以使用该插件了,打开某个网站,例如当当网的图书排行榜,比如我们想获得书名的html节点信息,此时我们只需要先点击谷歌浏览器上图标,然后再在书名的点击,如下图所示


3、在上图中,我们发现很多地方都变成高亮(即黄色部分),但是我们只想获得书名信息,所以我们需要去除多余的信息,此刻只需在不需要的部分再次点击,即可去掉选中部分。例如点击下图上的“2013”年


4、点击后就会发现现在网页中高亮部分(即黄色部分)就只有“书名”信息,如下图所示


5、这时候我们再查看谷歌浏览器右下角就可以看到节点标签,即   .name a,点击图片上面的“clear(20)”即可清除自己现在选取的信息,重新进行选择~



下载地址:
**** Hidden Message *****

e2201lai 发表于 2023-5-14 09:00:16

6666666666666666666
页: [1]
查看完整版本: SelectorGadget-CSS 选择器 v1.1.1