快速获取CSS

快速获取CSS 公开

如何使用分享的动作?

适用于
分类
编程相关 脚本 功能增强
joie yond PumpkinSin wordpure 我的梦想捐钱修路建学校 22 人赞了这个动作

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

更多信息
分享时间 2020-07-29 13:48
最后更新 2020-12-19 09:38
修订版本 11
限制再分享
Quicker版本 1.12.7.0
动作大小 339.5 KB
最低Quicker版本 1.9.5

分享到

辅助获得CSS选择器或者Xpath,方便在各种地方使用,直观高效

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

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


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

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

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

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


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

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

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

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

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

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

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

演示动画

最近更新

更新时间 修订版本 更新说明
2020-12-19 09:38 11 更换图标
2020-08-21 11:07 10 大幅提升对iframe的兼容性
为常用功能绑定快捷键(可在按钮上面看到其对应快捷键)
2020-08-18 18:19 9 记录上次的使用模式
更多...
动作交流
  • Ever 2020-08-01 23:12

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

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

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

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

  • Jiang10086 2020-08-02 18:39

    好动作

  • 月落 2020-08-04 23:25

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

    e.g

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

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

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

    e.g

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

    目前来看是quicker的bug

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

    目前来看是quicker的bug

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

  • luminous030 2020-11-15 12:11

    真方便, 找选择器找的头疼.

  • luminous030 2020-11-15 12:15

    有一个小问题, 预览结果的时候把动作退出了, 预览窗口不会跟着退出.

    可以优化一下吗?