当前位置: Chrome插件首页 > 开发者插件 > CSS Selector Helper for Chrome™ Chrome插件

CSS Selector Helper for Chrome™ Chrome插件

开发者插件

CSS Selector Helper for Chrome™ Chrome插件图文教程

Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.
CSS Selector Helper for Chrome™ makes finding the right CSS selector on a web page much quicker and easier than digging through the HTML. Unlike other tools meant to help you locate CSS selectors, this extension allows you to choose the selectors manually, so that they can match up better with the structure of the page as it was designed.


To use CSS Selector Helper for Chrome™ follow these steps (also in the video):

1) Install the extension to your chrome browser.

2) Inspect an element on your page or select an element on the "Elements" page of the Dev tools.

3) Navigate to the "CSS Selector" tab on the sidebar of the "Elements" page of the Dev tools.

4) On this tab, you will see a list of element ID names and CSS classes, ordered from the most distant ancestor element on top, to the selected element on bottom. Click any of the items in this list to include it in the current selector.

5) Once the configured selector matches one or more items on the page, you can cycle through the elements by pressing the "Prev" and "Next" buttons.

6) When you have found your CSS selector*, click the "Selector to Clipboard" button to copy the complete and properly formatted selector.

7) To see the selectors of another element, just highlight it in the "Elements" panel, and click the"Get Classes" button.

*Note: You can check the "Only Visible" checkbox in order to only match elements Selenium Webdriver 2 considers "Visible" (according to this spec: http://www.w3.org/TR/webdriver/#determining-visibility). 查看更多

CSS Selector Helper for Chrome™ Chrome插件图片

  • CSS Selector Helper for Chrome™插件图片

CSS Selector Helper for Chrome™基本信息

插件名称:CSS Selector Helper for Chrome™ 插件作者: 插件语言:English 官方站点:暂无官方站点 插件唯一标识:gddgceinofapfodcekopkjjelkbjodin

CSS Selector Helper for Chrome™用户数和评分

下载次数:5494 用户评分:3.8 (共5分) 参与评分人数:5

CSS Selector Helper for Chrome™文件信息

当前版本:1.8 最后更新日期:2020-07-02 文件大小:103KiB

CSS Selector Helper for Chrome™下载地址

CSS Selector Helper for Chrome™相关插件

CSS Selector Helper for Chrome™同类插件推荐

SEO & Website Analysis Chrome插件

开发者插件 2018-11-06 16:11:00

搜索引擎优化和放大器;通过WooRank网站分析提供了深刻的分析,搜索引擎优化SEO覆盖,移动,本地和可用性。
SEO报告是谷歌Chrome浏览器的扩展™由WooRank完成,这个搜索引擎优化插件

Ruby开发文档 Chrome插件

开发者插件 2015-02-13 19:05:34

Ruby开发文档网站(doc.rubyfans.com)的Chorme浏览器插件
Ruby开发文档网站(http://doc.rubyfans.com)为您提供Ruby和一些基于Ruby的优秀开源软件的在线API文档查阅服务,例如Rails、Rack等。为Ruby程序员提供高速、方便快捷的API查阅服务是我们的唯一宗旨。

Postman Interceptor Chrome插件

开发者插件 2018-04-16 16:07:54

送你发送请求通过邮差应用程序,它使用浏览器Cookie通过邮差镀铬的应用程序。
邮差拦截器发射帮助请求。
它也可以发送标题这是由镀铬通常的限制,但是对于测试API的关键。

OSChina Notifier Chrome插件

开发者插件 2015-10-29 18:33:08

Displays your OSChina notifications unread count
Displays your OSChina notifications unread count

Open Source on GitHub: https://github.com/diseng/OSChina-Notifier

OSChina Notifi

XSS字符编码神器 Chrome插件

开发者插件 2015-03-27 09:40:53

作者:0x_Jin XSS字符编码神器,集合了html,js,base6,utf-7,utf-8JP等编码!随后又添加HttpOnly Cookie泄露扫描以及第三方资源探测等等!如果机器配置比较低可能会有点卡顿。在后续版本会解决此问题的
本插件已更新 20141011
由0x_Jin授权于Uncia代发布 XSS字符编码神器~

———————————————————
V2.5
修复了某些细节上的BUG

V2.4 更新说明
1.增

CDN Headers & Cookies v2.0.5 Chrome插件

开发者插件 2019-12-18 06:43:48

这个扩展是开发人员和希望一站式查看所有 http 头和 cookies 的人的最佳伴侣。它还可以加载 Akamai 响应头 (CDN 特定头)。
包括以下功能。
1) 加载请求标题 (对于请求的 URL 页面级别)
2) 添加/编辑/删除自定义请求标题
3) 加载默认响应头和 Akamai 响应头 (对于请求的 URL-page 级别)

Gridman - CSS Grid inspector. Ultra Fast! Chrome插件

开发者插件 2019-10-19 07:43:15

CSS 网格荧光笔。快如闪电! -在网格鼠标悬停时激活支持: 显示: 网格-模板-列
网格-模板-行
网格-间隙
网格-区域

奖金:
嵌套网格支持!
* * 你正在尝试像 “file:/” 这样的本地文件.-但是没有任何显示像任何 chrome 扩展名一样,在本地文件上不起作用。由于安全原因,Chrome 不允许使用

Import jQuery Chrome插件

开发者插件 2018-09-20 04:31:08

在任何网站引入jQuery开发,并可以自定义版本和网址,默认使用七牛CDN
Import jQuery anywhere, you can custom it what you what!

一马: 在线代码翻译 Chrome插件

开发者插件 2019-03-13 10:22:09

中文编程知乎专栏介绍文章: https://zhuanlan.zhihu.com/p/48597668

注意: 插件内置词库仅有三千最常用词. 为保证翻译效果, 请安装包含77万词条的离线英汉词典插件:
https://chrome.google.com/webstore/detail/%E7%A6%BB%E7%BA%BF%E8%8B%B1%E6%B1%89%E8%AF%