mlzboy / EasySelect

爬虫工具:一个Chrome插件,让你根据页面元素快速获取可读可维护的 CSS 选择器。 A chrome extension, let you get readable & maintainable css selector from elements.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

EasySelect

A chrome/firefox extension, let you get readable & maintainable css selector from elements.

中文文档

Why not "Copy selector"?

Result of "Copy selector":

#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a

Result of EasySelect:

div[itemprop='zhihu:question'] > a

Install

Chrome Web Store

Firefox Addons

Usage

Open inspector in the browser.

You can find EasySelect at right side of inspector ui.

Three part of EasySelect :

1. Layer limit panel

2. Element select panel

3. Conclusion panel

Development

npm install
npm run serve
npm run build
npm run analyze

Sponsor

About

爬虫工具:一个Chrome插件,让你根据页面元素快速获取可读可维护的 CSS 选择器。 A chrome extension, let you get readable & maintainable css selector from elements.

License:MIT License


Languages

Language:JavaScript 48.0%Language:Vue 47.7%Language:HTML 4.4%