一個Chrome/Firefox擴充套件，讓你根據頁面元素快速獲取可讀可維護的 CSS 選擇器。
舉例來說，這是瀏覽器自動生成的：
#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a
這是EasySelect拿到的：
div[itemprop='zhihu:question'] > a
或從release手動安裝
首先，在瀏覽器中使用檢查元素撥出除錯工具，然後用inspector選擇一個元素。
在右側的面板選擇一下“Easy Select”就能看到工具介面了。
介面分三個部分：
CSS選擇器通常通過上級元素來進行輔助定位，例如：
div.items > article > a.title
最高是到html元素這一級，如果你不小心點多了，生成出的表示式會很長，可以使用第二排限制最終表示式的長度。
這個就是通過選擇class還有元素屬性構造選擇器了。這個面板與層級選擇面板是聯動關係。
這裡可以看到最終生成的表示式，當前頁面的表示式匹配元素數量。
還可以進行高亮，以及最下面的表示式 / 語句複製。
npm install # 安裝環境
npm run serve # 編譯並熱更新
npm run build # 生產環境打包
npm run analyze # 分析包元件大小
i18n 支援 (vue-i18n)
優化了 id 屬性CSS選擇器的生成
修正了導出的 python css lxml 語句不正確的問題
支援了屬性中帶換行符的元素
高亮時帶上背景色
層級選擇面板：縮小了按鈕
層級選擇和元素選擇面板：增加滾動條
結論面板：css / xpath 切換選項卡
[admin
]
來源：OsChina
連結：https://www.oschina.net/news/116824/easyselect-1-1-0-released
EasySelect 1.1.0 釋出，能夠快速構建爬蟲的瀏覽器外掛已經有146次圍觀