Chrome實用插件推薦

歡迎關注我的公眾號:zx94_11

Chrome瀏覽器上有很多非常實用的插件,可以顯著的提升工作的效率。

不過由于Google的插件需要前往它自己的商店進行下載。

所以如果沒有梯子的話,只能先安裝「谷歌訪問助手」了(自行百度)。

Xpath Helper

Xpath定位

Xpath定位有很多的優勢

  1. 沒有id可以進行定位
  2. 需要定位多個符合要求的元素

使用腳本斷點調試定位是否正確是一個方法,當時在我的實際工作中,元素定位代碼的封裝較深,所以修改查詢元素的內容較麻煩,所以直接使用Xpath Helper可以方便的進行開發前的測試。不管是爬蟲爬去頁面內容還是自動化測試都很實用。

下面是使用它的方法:

元素定位

使用瀏覽器自帶的定位工具進行元素的定位

元素定位

初步獲取Xpath

獲取Xpath

獲取到的Xpath為:

//*[@id="dashboard"]/div/div[3]/div[2]/div/div/div/div[2]/div/div[1]/a

這個路徑為絕對路徑,假如我們需要獲取的是一個元素的列表,那就可以進行刪減

將它刪減為://*[@id="dashboard"]/div/div[3]/div//a可以發現頁面中標黃的都是定位到的部分內容,「RESULTS(156)」中也可以看到相關結果

定位元素列表
RESULTS

JSON-handle

JSON-handle

一個Json的轉換工具

轉換后

有了它,可以直觀的看到接口中的元素類型,內容,個數等情況。

一眼看出詭異的傳參

劃詞翻譯

由于四級沒過,還要強行敲代碼的我,看起英文文檔就非常痛苦了,所以我選擇使用翻譯軟件。

劃詞翻譯

GitHub地址:https://github.com/Selection-Translator/crx-selection-translate

翻譯

雖然有時候直譯過來還是有點混亂,但是大致意思可以理解。

Tampermonkey

可以安裝腳本的百寶箱

例如:

Tampermonkey

這樣在看CSDN的時候就不用去點那個「展開全部」了。也可以自己編寫,或者去搜索他人寫好的。當然,腳本可能存在安全問題,風險自理。

https://greasyfork.org/zh-CN/scripts

查找腳本

Enhanced GitHub

在GitHub上下載代碼需要下載整個項目的Zip包,這對于只需要其中某個文件的情況就非常不使用,所以使用這個工具就可以單獨下載一個文件了

https://github.com/softvar/enhanced-github

已安裝腳本

octotree

上圖左側的GitHub文件樹狀展示使用的插件

https://www.octotree.io/

octotree
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容