chrome獲取xpath元素-f12工具

Chrome瀏覽器獲取XPATH的方法----通過開發者工具獲取

引用源：https://blog.csdn.net/li6727975/article/details/46126079

 

版權聲明：本文為博主原創文章，遵循 CC 4.0 by-sa 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接： https://blog.csdn.net/li6727975/article/details/46126079

還在為xpath的正確性而犯愁嗎？難道必須得裝一個Firefox瀏覽器，安裝一個插件？

No！！！！！！！

有了chrome瀏覽器，照樣能獲取xpath，而且保證正確。

具體的使用方法？請往下看。

chrome有自己的開發者工具，可以用這兒來直接獲取xpath，都不用擔心正確性了。

具體使用步驟如下：

1、在chrome瀏覽器的右上角有個選擇菜單，也就是這個，點一下：

2、在列表最后面有個“更多工具”，點擊一下，就可以看到開發者工具了。

3、打開開發者工具后，點擊開發者工具中第一行的第一個對話框Elements，如下：

這是極客學院的首頁源代碼。

4、這個時候就看到了網頁具體的源代碼有木有。接下來，找到自己想要爬取的列表，在那個列表上點擊右鍵，就會出“Copy Xpath”了。具體如下：

本示例爬取的是極客學院首頁，想要獲取它的課程列表，那么在源代碼中找到這些列表信息，在要爬取的代碼那里點擊右鍵，如下：

5、這個時候，點擊Copy Xpath，就可以獲得具體的Xpath地址了，我爬取到的Xpath地址如下：

//*[@id="pager"]/div[1]/div[1]/ul/li[1]

 

會了嗎？總之chrome的開發者工具是個很強大的工具，小編也是剛剛用了一段時間，具體的還有待研究，如果還有比較好的應用方式，我再上傳哦。。。