快速获取CSS选择器

快速获取CSS选择器 公开

Cesaryua... 分享于 2020-07-29 13:48 | 14 | 106 |
106/106
如何使用分享的动作?

适用于
分类
编程相关 脚本 功能增强
moonstar K_Y_D 飞飞1866 炙鳟萌理 Ever 14 人赞了这个动作

2 个动作单 收藏了此动作。

更多信息
分享时间 2020-07-29 13:48
最后更新 2020-08-21 11:07
修订版本 10
限制再分享
Quicker版本 1.9.22.0
动作大小 338.9 KB
最低Quicker版本 1.9.5

分享到

辅助获得CSS选择器,方便新用户使用Chrome浏览器控制模块,直观高效

本动作简单修改于该开源项目https://github.com/cantino/selectorgadget

如有问题可以联系我  点击这里给我发消息

----------------------------------------------------------------------------------------

购买专业版可以填写我的推荐码:18359-1637

可以额外获得3个月专业版


智能预测模式:脚本会自动识别相似元素

精确模式:每次只会选择一个元素

黄色的代表自动识别的元素,绿色的代表想选中的元素,红色的和无颜色的代表不会被选中的元素

一般而言,浏览器F12控制台获得的选择器都是精确地,也就是只会选择一个元素,如果想要选中一堆相似元素就得自己修改一下,这对小白来说是困难的(对我也很困难),使用本动作相对来说就方便了很多。


注意:复制的xpath有三个备选,用【备选分隔标记】这六个字分割开了,之所以这样做是因为有的时候默认生成的Xpath不准,需要换成另外一个才生效

使用说明(建议看视频):

第一步:运行动作,等待几秒钟

第二步:点击想要提取CSS Selector的元素,黄色和绿色的元素就是会被提取的元素

第三步(根据需要选择):再次点击黄色的元素会变为红色,代表我不想选中该元素

第四步:点击复制(最后复制的选择器会选择的元素就是页面中黄色和绿色的元素)

最后:若想精确的提取某一个元素而不想自动识别同类元素,点击【切换到精确模式】即可

演示动画

最近更新

更新时间 修订版本 更新说明
2020-08-21 11:07 10 大幅提升对iframe的兼容性
为常用功能绑定快捷键(可在按钮上面看到其对应快捷键)
2020-08-18 18:19 9 记录上次的使用模式
2020-08-18 18:09 8 增加预览文本结果功能
  • Ever 2020-08-01 23:12

    能否直接点击选择后,就把选择器写到剪贴板。可以设置两中模式,默认模式,快速模式来实现。

  • Cesaryua... 2020-08-01 23:13
    回复 @Ever

    能否直接点击选择后,就把选择器写到剪贴板。可以设置两中模式,默认模式,快速模式来实现。

    那样的话只能在精确模式下使用,是可以实现的

  • Jiang100... 2020-08-02 18:39

    好动作

  • 月落 2020-08-04 23:25

    不知道是不是个例,其他页面正常,亚马逊页面不加载。

    e.g

    https://www.amazon.cn/dp/B088654YW6

  • Cesaryua... 2020-08-05 09:09
    回复 @月落

    不知道是不是个例,其他页面正常,亚马逊页面不加载。

    e.g

    https://www.amazon.cn/dp/B088654YW6

    目前来看是quicker的bug

  • 月落 2020-08-05 09:53
    回复 @Cesaryuan

    目前来看是quicker的bug

    是吧,估计也算是亚马逊为了防爬虫做的一种防护吧。等崔大有时间研究一下了。

修订版本 更新时间 更新说明
10 2020-08-21 11:07 大幅提升对iframe的兼容性
为常用功能绑定快捷键(可在按钮上面看到其对应快捷键)
9 2020-08-18 18:19 记录上次的使用模式
8 2020-08-18 18:09 增加预览文本结果功能
7 2020-08-05 20:48 修复
6 2020-08-05 20:47 无关紧要的修复