当前位置: Chrome插件上海时时乐 > 开发者插件 > SelectorGadget Chrome插件

SelectorGadget Chrome插件

开发者插件
 

SelectorGadget Chrome插件图文教程

SelectorGadget插件概述

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

SelectorGadget插件功能

1.使用Nokogiri和Beautiful Soup等工具进行网页抓取
2.为动态网站生成jQuery选择器
3.作为检查JavaScript生成的DOM结构的工具
4.作为帮助您使用样式表仅对页面上特定元素进行样式设置的工具
5.用于硒或phantomjs测试

SelectorGadget插件下载安装

1.你可以从chrome应用商店里找到SelectorGadget插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到SelectorGadget插件下载地址,当然你也可以借助于谷歌访问助手或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
SelectorGadget插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
SelectorGadget插件下载安装

SelectorGadget插件使用方法

1.在安装好后,在浏览器的右上方会出现SelectorGadget插件的按钮,并提示你已安装该插件。
SelectorGadget插件使用方法
2.接下来就可以使用该插件了,打开某个网站,例如当当网的图书排行榜,比如我们想获得书名的html节点信息,此时我们只需要先点击谷歌浏览器上图标,然后再在书名的点击,如下图所示:
SelectorGadget插件使用方法
3.在上图中,我们发现很多地方都变成高亮(即黄色部分),但是我们只想获得书名信息,所以我们需要去除多余的信息,此刻只需在不需要的部分再次点击,即可去掉选中部分。例如点击下图上的“2015”年
SelectorGadget插件使用方法
4.击后就会发现现在网页中高亮部分(即黄色部分)就只有“书名”信息,如下图所示:
SelectorGadget插件使用方法
5.这时候我们再查看谷歌浏览器右下角就可以看到节点标签,即   .name a,点击图片上面的“clear(20)”即可清除自己现在选取的信息,重新进行选择。
SelectorGadget插件使用方法

查看更多

SelectorGadget Chrome插件图片

  • SelectorGadget插件图片

SelectorGadget Chrome插件基本信息

插件名称:SelectorGadget 插件作者: 插件语言:English 官方站点:暂无官方站点 插件唯一标识:mhjhnkcfbdhnjickkkdbjoemdmbfginb

SelectorGadget Chrome插件用户数和评分

下载次数:22099 用户评分:4.5 (共5分) 参与评分人数:26

SelectorGadget Chrome插件文件信息

当前版本:1.1 最后更新日期:2019-12-09 文件大小:79.7KiB

SelectorGadget Chrome插件下载地址

本站下载 已有 22099 人成功下载
标签:cssHTML选择器

SelectorGadget 相关插件

Code Cola - CSS样式可视化插件

开发者插件 2019-11-04 09:45:31

Code Cola是一款能查看网页代码样式的chrome CSS样式可视化插件,主要能查看页面板块中的所有样式元素,并能通过配置到服务器上的文件进行在线编辑。相信大家都知道,网页设计出来以

Validity

开发者插件 2019-03-01 09:26:55

点击该图标,在地址栏或按Alt Shift V来验证当前页面。结果可以看出,在Chrome的JS控制台。
有效性,可用于快速从地址栏验证您的HTML文档。

只需点击地址栏上的图标来验

SelectorGadget

开发者插件 2019-12-04 21:50:07

SelectorGadge 是一款能够为复杂网站的元素生成CSS选择器,有助于帮助你快速找到html的节点信息的chrome插件

Validity v4.0.1

开发者插件 2019-03-01 09:26:21

有效性可用于从工具栏快速验证 HTML 文档。只需单击工具栏中的图标,即可在不离开页面的情况下验证当前文档。工具提示中可以看到验证错误的数量,详细信息可以在 Chrome 开发人员工

网站样式管理器-Stylish

开发者插件 2018-05-09 17:40:29

Restyle网络与时尚,一个用户样式管理器。时尚让你轻松安装主题和外观的许多著名景点。
用户风格主题的网站。用户样式赋予你的浏览体验,让你自定义的网站。拿出不相关的内容

css auto reload

开发者插件 2019-11-15 15:31:09

css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新

Advanced Web Scraper

开发者插件 2019-11-04 10:17:55

一个简单,强大的网页抓取应用程序屏幕抓取使用css选择器和创建代理的数据抓取工作室软件。一个非常简单和高级的数据抓取扩展,使用点击式css选择器从网站中提取数据,实时提取

SelectorGadget 同类插件推荐

Header-Editor Chrome插件

开发者插件 2015-01-20 16:57:11

改变对飞你的HTTP请求头
页眉编辑器是一个扩展,可以让你创建和浏览器使用任意的HTTP头。

需要以下权限页眉编辑器运行:

- WebRequest的 - 用于访问请求发送出去
- webRequestBlocking - 所以这头被发送之前修改
- & LT ; all_urls & GT ; 。 - 所有URL请求以来的分机不能提前知道它会需要时间

注:响应头不会出现在网络督察,但是他们提供给你的代码。有关详

Play Framework Tools Chrome插件

开发者插件 2015-03-12 19:20:10

这个扩展可以帮助开发者更高效地建立与播放框架的应用程序。
特点

*变动
*打开编辑器自动刷新错误

注意事项

要启用自动刷新在播放Framework应用程序,你需要安装一个插件SBT。更多信息:https://github.com/jamesward/play-auto-refresh

版本0.0.11和放大器; 0.0.12

- 在src文件链接应该在播放2.2和放大器; 2.3

GriDesign Chrome插件

开发者插件 2016-06-30 12:27:13

This extension adds a grid on web pages in order to check fixed and fluid page layout.
GriDesign is an extenstion that let you visually test your web page design using a generated grid. The grid i

froglogic Squish Integration Chrome插件

开发者插件 2019-04-07 07:36:13

测试当今应用程序的用户界面是一项非常复杂且容易出错的任务。自动化这个任务是有挑战性的,但是正确的处理是非常有益的。 squish 是全球数千家公司自动化其图形用户界面 (GUIs) 的功能回归测试和系统测试的首选工具和人机接口 (HMIs)。Squish GUI 测试工具,100% 跨平台工具, 对所有主要 GUI 技术的深入支持 + 对所有桌面、移动设备的全面支持, web 和嵌入式平台

gitlab-time-tracking-button Chrome插件

开发者插件 2019-10-21 20:54:51

Chrome 和 Firefox 的插件,在问题页面上插入时间跟踪按钮。
请参见 gitlab-ce #27824,该版本截至目前 (2017年9月) 仍处于开放状态。首先,您需要从任何要连接的实例中获得个人访问令牌。在插件的设置页面上添加实例和访问令牌。您需要授予该网站的插件权限。在任何问题页面上,按 “开始” 启动计时器。您可以在之后暂停它,或者使用 “保存” 将时间提交给给定的问

TORO Docs to OpenAPI Chrome插件

开发者插件 2019-08-23 11:27:23

Launch Docs to OpenAPI whilst viewing an APIs documentation. Then point and click within the documentation to identify the properties within it. Docs to OpenAPI will then crawl the page and produce a

GitHub Code Folding Chrome插件

开发者插件 2018-05-24 15:44:58

Code folding - the ability to selectively hide and display sections of a code - is an invaluable feature in many text editors and IDEs。 Now, developers can utilize that same style code-folding while p

Ruby on Rails API Search Chrome插件

开发者插件 2015-03-30 22:35:35

搜索Ruby on Rails的API文档
容易在浏览器搜索Ruby on Rails的API文档。

这个扩展增加了所谓的“ RD ”的多功能框的命令。如何使用:

1 。键入搜索栏和命中空间“ RD ” ,这将触发
2延伸。无论你正在寻找的类型,你会看到一个下拉列表,建议
3 。从下拉列表中的条目并按下回车键转到文档可在这里

的源代码。 http://github.com/romeroadrian/rails-d

北京幸运28 快乐赛车平台 上海时时乐 幸运飞艇官网 奔驰彩票开奖 澳洲幸运10开奖结果 河北11选5 澳洲幸运8 山东11选5走势 海南4+1