歡迎關注我的公眾號:zx94_11
Chrome瀏覽器上有很多非常實用的插件,可以顯著的提升工作的效率。
不過由于Google的插件需要前往它自己的商店進行下載。
所以如果沒有梯子的話,只能先安裝「谷歌訪問助手」了(自行百度)。
Xpath Helper
Xpath定位有很多的優勢
- 沒有id可以進行定位
- 需要定位多個符合要求的元素
使用腳本斷點調試定位是否正確是一個方法,當時在我的實際工作中,元素定位代碼的封裝較深,所以修改查詢元素的內容較麻煩,所以直接使用Xpath Helper可以方便的進行開發前的測試。不管是爬蟲爬去頁面內容還是自動化測試都很實用。
下面是使用它的方法:
元素定位
使用瀏覽器自帶的定位工具進行元素的定位
初步獲取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)」中也可以看到相關結果
JSON-handle
一個Json的轉換工具
有了它,可以直觀的看到接口中的元素類型,內容,個數等情況。
一眼看出詭異的傳參
劃詞翻譯
由于四級沒過,還要強行敲代碼的我,看起英文文檔就非常痛苦了,所以我選擇使用翻譯軟件。
GitHub地址:https://github.com/Selection-Translator/crx-selection-translate
雖然有時候直譯過來還是有點混亂,但是大致意思可以理解。
Tampermonkey
可以安裝腳本的百寶箱
例如:
這樣在看CSDN的時候就不用去點那個「展開全部」了。也可以自己編寫,或者去搜索他人寫好的。當然,腳本可能存在安全問題,風險自理。
https://greasyfork.org/zh-CN/scripts
Enhanced GitHub
在GitHub上下載代碼需要下載整個項目的Zip包,這對于只需要其中某個文件的情況就非常不使用,所以使用這個工具就可以單獨下載一個文件了
https://github.com/softvar/enhanced-github
octotree
上圖左側的GitHub文件樹狀展示使用的插件