歡迎您光臨本站 註冊首頁

EasySelect 1.1.0 釋出,能夠快速構建爬蟲的瀏覽器外掛

←手機掃碼閱讀     admin @ 2020-07-01 , reply:0

一個Chrome/Firefox擴充套件,讓你根據頁面元素快速獲取可讀可維護的 CSS 選擇器。

為什麼不用瀏覽器自帶的 "Copy selector"?

舉例來說,這是瀏覽器自動生成的:


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

這是EasySelect拿到的:


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

安裝

Chrome擴充套件商店

Firefox附加元件

或從release手動安裝

使用

首先,在瀏覽器中使用檢查元素撥出除錯工具,然後用inspector選擇一個元素。

在右側的面板選擇一下“Easy Select”就能看到工具介面了。

介面分三個部分:

1. 層級選擇面板

CSS選擇器通常通過上級元素來進行輔助定位,例如:


 div.items > article > a.title
 

最高是到html元素這一級,如果你不小心點多了,生成出的表示式會很長,可以使用第二排限制最終表示式的長度。

2. 元素選擇面板

這個就是通過選擇class還有元素屬性構造選擇器了。這個面板與層級選擇面板是聯動關係。

3. 結論面板

這裡可以看到最終生成的表示式,當前頁面的表示式匹配元素數量。

還可以進行高亮,以及最下面的表示式 / 語句複製。

開發


 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 釋出,能夠快速構建爬蟲的瀏覽器外掛已經有19次圍觀

http://coctec.com/news/all/show-post-240556.html