SelectorGadget(选择器小工具) v1.1

  • 更新时间:
  • 8234人关注
  • 点击下载

SelectorGadget是一款选择器类别的chrome浏览器插件,目前更新的版本为v1.1,语言支持为English,选择器类别插件评分7.8,目前已被564人关注,本插件由林向阳 上传分享。

选择器小工具是一个开源的Chrome扩展,使CSS选择器的生成和发现在复杂的网站轻而易举。

安装扩展后,转到任何页面并启动它。一个方框将在网站的右下角打开。单击您希望选择器匹配的页面元素(它会变成绿色)。然后SelectorGadget将为该元素生成一个最小的CSS选择器,并将突出显示(黄色)与该选择器匹配的所有内容。现在单击突出显示的元素将其从选择器中删除(红色),或者单击未突出显示的元素将其添加到选择器中。通过这个选择和拒绝的过程,SelectorGadget帮助您想出完美的CSS选择器为您的需要。

在http://selectorgadget.com上有一个教程视频和一个书签小工具版本

Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.

After having installed the extension, go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.

There is a tutorial video and a bookmarklet version available at http://selectorgadget.com

展开阅读

SelectorGadget.crx文件格式插件安装

1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/

3、找到已经下载好的Chrome离线安装文件SelectorGadget.crx,然后将选择器小工具文件从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4、松开鼠标就可以把当前正在拖动的选择器小工具插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。

5、用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。

SelectorGadget文件夹格式插件安装

1、首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3、勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。

选择器类相关插件

  • Axure RP Extension for Chrome(Axure工具) v0.6.3

    Axure RP Extension for Chrome

    Install this extension to allow the viewing of Axure RP Prototypes from your local hard drive in Google Chrome. This extension requires a high access level to allow the viewing of the file:// protocol. This extension only requires these permissions to all

    大小:29.48 KBAxure插件

    立即下载
  • Redux DevTools(Redux调试工具) v2.17.0

    Redux DevTools

    The extension provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state. Its an opensource project. See the official repository for more details: https://github.com/zalmoxi

    大小:1.64 MB调试插件

    立即下载
  • JSON-handle(json可视化工具) v0.6.2

    JSON-handle

    对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。 Edit and browse JSON document in a node tree diagram. After installed, open the URL will trigger JSON-handle: 安装后打开下面网址可以看到JSON-handle启动的效果: http://viewvc.svn.mozilla.org/vc/libs/product-details/json/firefox_versio

    大小:192 KB工具插件

    立即下载
  • Wordpress Admin Bar Control(Wordpress工具条控制) v1.1.1

    Wordpress Admin Bar Control

    英文介绍 If you work with Wordpress on a frequent basis you may have a love/hate relationship with the admin bar. The admin bar is exceptionally handy when jumping between the front and backend of a site or when writing content but it can also get in the way

    大小:14 KBWordpress辅助插件

    立即下载
  • Easy Video Finder(视频搜索工具) v3.0.0

    Easy Video Finder

    This extension is an advanced video search tool that helps you apply multiple filters directly from your address bar or from the extensions dashboard to save you time and make your video hunting more on-target and efficient. On the dashboard and via quick

    大小:330 KB视频插件

    立即下载
  • 购物党自动比价工具() v5.10.65

    购物党自动比价工具

    主要功能: 1、180天历史价格跟踪,识别虚假促销(历史促销信息也能跟踪) 2、自动货比三家,帮你找到全网最低价,防止买贵 3、自动提示促销活动和隐藏优惠券,能省则省 4、支持全网收藏,一旦降价可以通过微信提醒 5、支持比价的网站包括淘宝、京东、天猫、苏宁、当当、亚马逊(含美亚日亚德亚英亚)、Steam游戏、链家贝壳我爱我家二手房等数百家,网上能买的东西都能比! 微信公众号:购物党比价,客服QQ:3350885030 微博关注:http://weibo.com

    大小:4.96 MB购物插件

    立即下载
  • Gimp在线(图像编辑器和绘画工具) v2.7.13

    Gimp在线

    Gimp图像编辑器是一个网络扩展,用于照片和图像修饰,图像合成和图像创作等任务。它是与Linux桌面应用程序GIMP(GNU Image Manipulation)的集成,它是一个提供许多功能的免费分发程序。它可以用作简单的绘图程序,图像编辑器,专家质量照片修饰程序,图像渲染器或图像格式转换器。 GIMP是高级照片修饰技术的理想选择。它使用克隆工具获取您不必要的细节,或使用新的治疗工具轻松地轻轻地更新细节。此外,使用GIMP可以容易地补偿许多数字照片瑕疵。

    大小:356 KB图片处理插件

    立即下载

用户留言

网友NO.36477
网友NO.36477

该工具可以与谷歌浏览器结合使用,能够为复杂网站的元素生成CSS选择器,这款神器有助于我们快速找到html的节点信息,具体的安装及使用过程详见我的博客文章《SelectorGadget的安装及使用》

网友NO.44389
网友NO.44389

谷歌浏览器使用SelectorGadget和Xpath Helper获取xpath和css path

使用方法如下:

打开一个网页,例如www.hao123.com;

开启SelectorGadget(点击一个放大镜图案的按钮即可);
移动鼠标箭头到一个页面元素上并单击,该页面元素会变成绿色,SelectorGadget的文本框内显示出被选中页面元素的css path类型的定位字符串。“clear”按钮可以清空定位字符串,“clear”按钮中的数字是指定位字符串可以匹配的页面元素个数,其它具有相同定位字符串的页面元素都将变为黄色。单击这些黄色的页面元素,这些元素变为红色,表示剔除它们,用这种方式不断改变定位字符串,最终生成被选中元素的特有的定位字符串。
单击“xpath”按钮,可以生成被选择元素的xpath定位字符串,复制xpath定位字符串后,可以使用Xpath Helper扩展程序,验证xpath定位字符串能够匹配的页面元素个数。

网友NO.34093
网友NO.34093

相信爬虫的爱好者们都经历过这样一个爬虫前期的准备过程,那就是用浏览器的审查元素进行爬取目标的定位。每次我们都要浪费部分时间去寻找定位点和xpath,这样既不很方便,也不高效,那么如何提高爬虫中这部分工作的效率呢?今天小编给大家分享一个爬虫的利器,它就是:SelectorGadget 插件。