chrome瀏覽器中檢視html元素的XPath路徑

2019-12-18 15:30:54

chrome瀏覽器中檢視html元素的XPath路徑?簡單幾步，讓你輕鬆解決。

1. 下載並安裝Chrome瀏覽器，開啟自己的html檔案或者某個網頁。百度經驗個人網頁為例

2. 按下F12鍵，開啟DevTools，如圖所示

3. 在網頁中找到需要查詢的元素的文字，例如如圖所示的【草稿】，然後在右側的面板中按ctrl+f進行搜尋【草稿】，按下確認鍵進行查詢

4. 滑鼠懸停在devTools面板下搜尋到的資訊，網頁中會對映到對應的html元素，並高亮顯示

5. 懸停在查詢到的位置，然後滑鼠右鍵選單中選擇【copy】->【Copy XPath】

6. 開啟文字編輯器或者記事本，即可展貼上XPath的路徑，例如 //*[@id="body"]/div/ul/li[7]/a

7. 如果您覺得有用，記得在下方點選投票、點讚、關注、留言，小編會定期奉上更多的驚喜哦，您的支援才是小編繼續努力的動力，麼麼噠。