<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    SelectorGadget

    發布時間: 編輯:chromegood 0人評論 10612次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : Chrome瀏覽器的一款插件,安裝這個擴展插件后,能夠為復雜網站的元素生成CSS選擇器,有助于幫助你快速找到html的節點信息.

    SelectorGadget 插件背景簡介

    相信爬蟲的愛好者們都經歷過這樣一個爬蟲前期的準備過程,那就是用瀏覽器的審查元素進行爬取目標的定位。每次我們都要浪費部分時間去尋找定位點和xpath,這樣既不很方便,也不高效,那么如何提高爬蟲中這部分工作的效率呢?今天小編給大家分享一個爬蟲的利器,它就是:SelectorGadget 插件。

    SelectorGadget 插件簡介

    Selector Gadget是一個開源的Chrome擴展程序,可以輕松地在復雜的網站上生成和選擇CSS選擇器。安裝擴展程序后,轉到任意頁面并啟動它。網站右下方會打開一個方框。單擊您希望選擇器匹配的頁面元素(它將變為綠色)。然后SelectorGadget將為該元素生成一個最小的CSS選擇器,并突出顯示(黃色)選擇器匹配的所有內容。現在單擊突出顯示的元素將其從選擇器中刪除(紅色),或單擊未突出顯示的元素將其添加到選擇器。通過這個選擇和拒絕過程,SelectorGadget可以幫助您找到滿足您需求的完美CSS選擇器。

    SelectorGadget 簡介

    SelectorGadget 插件使用方法

    1.SelectorGadget插件離線安裝的方法參照一下方法:老版本chrome瀏覽器,首先在標簽頁輸入【chrome://extensions/】進入chrome擴展程序,解壓你在本站下載的插件,并拖入擴展程序頁即可。

    SelectorGadget 使用方法

    2.最新版本的chrome瀏覽器直接拖放安裝時會出現“程序包無效CRX-HEADER-INVALID”的報錯信息,參照:Chrome插件安裝時出現"CRX-HEADER-INVALID"解決方法,安裝好后即可使用。

    3.下載完會在右上角多出一個放大鏡的小標志。提示你已經安裝好該插件。

    SelectorGadget 使用方法

    4.接下來就可以使用該插件了,打開某個網站,例如當當網的圖書排行榜,比如我們想獲得書名的html節點信息,此時我們只需要先點擊谷歌瀏覽器上圖標,然后再在書名的點擊,如下圖所示

    SelectorGadget 使用方法

    5.在上圖中,我們發現很多地方都變成高亮(即黃色部分),但是我們只想獲得書名信息,所以我們需要去除多余的信息,此刻只需在不需要的部分再次點擊,即可去掉選中部分。例如點擊下圖上的“2013”年

    SelectorGadget 使用方法

    6.擊后就會發現現在網頁中高亮部分(即黃色部分)就只有“書名”信息,如下圖所示:

    SelectorGadget 使用方法

    7.這時候我們再查看谷歌瀏覽器右下角就可以看到節點標簽,即   .name a,點擊圖片上面的“clear(20)”即可清除自己現在選取的信息,重新進行選擇~

    SelectorGadget 使用方法

    SelectorGadget 插件官網:  

    http://selectorgadget.com

    查看更多

    SelectorGadget下載地址

    點擊下載SelectorGadget

    轉載必須注明來自: Chrome插件 ? SelectorGadget

    CSSPeeper

    CSSPeeper

    0 人評論 13418 次人瀏覽 4.0分 4.0 分
    CSSPeeper是一款專為設計師量身打造的可視覺化網站CSS樣式表檢查插件。
    Amino: Live CSS Editor

    Amino: Live CSS Editor

    0 人評論 1897 次人瀏覽 3.0分 3.0 分
    Amino: Live CSS Editor是Chrome瀏覽器擴展程序,用于編寫可持久保存的用戶CSS。使網絡成為您想要的!
    Stylish插件V2.0.9

    Stylish插件V2.0.9

    0 人評論 1023 次人瀏覽 3.0分 3.0 分
    Stylish插件是一款非常知名的能為網站定制各種各樣的主題的瀏覽器網站主題樣式修改工具,Stylish插件為世界各地的網站和Web應用提供主題和皮膚,支持自定義修改、CSS編輯器創建主題。
    CSS Used插件v2.4.2

    CSS Used插件v2.4.2

    0 人評論 384 次人瀏覽 3.0分 3.0 分
    CSS Used 插件是一款用于提取所選元素及其子元素使用的CSS規則的插件,適用于按鈕等小組件提取。
    JetBrains IDE Support

    JetBrains IDE Support

    0 人評論 45983 次人瀏覽 3.7分 3.7 分
    JetBrains IDE Support是一款webstorm網頁開發調試工具,支持HTML/CSS/JavaScript編輯和JavaScript調試。
    Brackets - 一款免費的前端開發工具

    Brackets - 一款免費的前端開發工具

    0 人評論 1709 次人瀏覽 3.0分 3.0 分
    Brackets是一款現代化的文本編輯器,具有集中的可視化工具和預處理器支持,可輕松在瀏覽器中進行設計。它是專為網頁設計師和前端開發人員設計的。
    Firebug Lite for Google Chrome

    Firebug Lite for Google Chrome

    0 人評論 4966 次人瀏覽 3.0分 3.0 分
    Firebug Lite提供了我們在Firebug中看到的豐富的可視化表示,涉及HTML元素,DOM元素和Box模型著色。 它還提供了一些很酷的功能,比如用鼠標檢查HTML元素,以及實時編輯CSS屬性。
    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?