Overview
Get readable & maintainable css selector from elements
Help web developers get readable & maintainable css selector from elements. EasySelect can get better result than "Copy selector", for example: Copy selector: #TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a EasySelect: div[itemprop='zhihu:question'] > a Usage: 1. Right click, inspect an element 2. See right side of inspector, behinds "Styles, Computed, Event Listener ..." 3. Custom your selector and click "export" 帮助Web开发者快速获取可读可维护的 CSS 选择器。 EasySelect 通常能够获取对开发人员来说比 Copy Selector 更佳的结果,比如: Copy selector: #TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a EasySelect: div[itemprop='zhihu:question'] > a 使用方式: 1. 页面上右键,检查元素 2. 你可以在 inspector 的右侧找到 EasySelect,在"Styles, Computed, Event Listener ..."的后面 3. 定制你的选择器,并点击“导出”
Levent E.May 30, 2024
I use this extension almost daily and it is so useful. Many thanks for it. 5 star if there is a way to omit the DIV tags.
DunotFeb 4, 2024
It would be nice this extension to be among top DevConsole Tabs
Ihor BodnarchukAug 25, 2023
Doesn't work quite well. For example for this input <input class="PrivateSwitchBase-input mui-1m9pwf3" id="1" name="1" type="checkbox" data-indeterminate="false"> produces input[name='\31 '] selector which doesnt work
Details
- Version1.1.0
- UpdatedJune 30, 2020
- Offered byfy
- Size162KiB
- LanguagesEnglish
- Developer
Email
fy0748@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.