整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
Path 是我們?cè)?HMTL 中定位元素的最常用辦法。
在瀏覽器中打開 F12 調(diào)試窗口，然后右鍵找到你需要定位的 td 標(biāo)簽。
在代碼中，找到 Copy，在 Copy 下面有一個(gè) xPath。
粘貼到記事本中。
例如，我們上面拷貝的 xPath 為： //*[@id="ember160"]/td[1]
這個(gè)就是你需要的的 xPath 路徑了。
Path（XML Path Language）是一種用于定位 XML 文檔中節(jié)點(diǎn)的語言，同時(shí)也廣泛應(yīng)用于 HTML 頁面元素的定位。在 UI 自動(dòng)化測(cè)試中，XPath 是非常強(qiáng)大且靈活的元素定位方式，可以根據(jù)元素的層級(jí)結(jié)構(gòu)、屬性值、文本內(nèi)容等特征來準(zhǔn)確定位元素。以下是一些常用的 XPath 定位方式及示例：
XPath 定位方式非常靈活，可以根據(jù)需要選擇合適的定位方式。在編寫復(fù)雜的 XPath 表達(dá)式時(shí)，建議先在瀏覽器的開發(fā)者工具中驗(yàn)證 XPath 表達(dá)式是否能夠準(zhǔn)確地定位到目標(biāo)元素。同時(shí)，避免使用過于復(fù)雜或易變的 XPath 表達(dá)式，以確保定位的穩(wěn)定性和可維護(hù)性。希望以上內(nèi)容能夠幫助你更好地理解和應(yīng)用 XPath 定位方法。如果有任何問題或需要進(jìn)一步的幫助，請(qǐng)隨時(shí)告訴我。祝你在 UI 自動(dòng)化測(cè)試中取得成功！
信很多小伙伴已經(jīng)聽說過Xpath，之前小編也寫過一篇關(guān)于Xpath的文章，感興趣的小伙伴可以戳這篇文章如何利用Xpath抓取京東網(wǎng)商品信息以及Python網(wǎng)絡(luò)爬蟲四大選擇器（正則表達(dá)式、BS4、Xpath、CSS）總結(jié)。今天小編繼續(xù)給大家介紹一些Xpath知識(shí)點(diǎn)，希望對(duì)大家的學(xué)習(xí)有幫助。
1、Xpath讓我們可以使用一種類似于Windows下的文件路徑的方式，讓我們可以定位到HTML或者XML結(jié)構(gòu)中的具體元素。Xpath本身包含標(biāo)一些準(zhǔn)函數(shù)庫，可以讓我們的Xpath語法更加強(qiáng)大。
2、在HTML結(jié)構(gòu)中，有一定的層級(jí)關(guān)系，主要的關(guān)系包括：父節(jié)點(diǎn)、子節(jié)點(diǎn)、同胞節(jié)點(diǎn)（兄弟節(jié)點(diǎn)）、先輩節(jié)點(diǎn)、后代節(jié)點(diǎn)。
一般的，像類似于<head>這種結(jié)構(gòu)，稱之為一個(gè)節(jié)點(diǎn)。如上圖，根據(jù)層次關(guān)系，我們可以知道<body>節(jié)點(diǎn)是<nav>的父節(jié)點(diǎn)，相應(yīng)的，<nav>節(jié)點(diǎn)是<body>節(jié)點(diǎn)的子節(jié)點(diǎn)。同胞節(jié)點(diǎn)又叫兄弟節(jié)點(diǎn)，一般的處于同級(jí)層次的節(jié)點(diǎn)叫同胞節(jié)點(diǎn)，如上圖中的<nav>節(jié)點(diǎn)和第一個(gè)<div>節(jié)點(diǎn)、177~181行的<li>標(biāo)簽都是屬于同胞節(jié)點(diǎn)。先輩節(jié)點(diǎn)又叫祖先節(jié)點(diǎn)，一般的，一個(gè)節(jié)點(diǎn)的上層以上的節(jié)點(diǎn)均稱為先輩節(jié)點(diǎn)，所以父節(jié)點(diǎn)也是屬于先輩節(jié)點(diǎn)的一種。基于此，我們又可以稱<body>節(jié)點(diǎn)是<nav>的先輩節(jié)點(diǎn)。相對(duì)應(yīng)的，一個(gè)節(jié)點(diǎn)的下層以下的節(jié)點(diǎn)均稱為后代節(jié)點(diǎn)，所以子節(jié)點(diǎn)也是屬于后代節(jié)點(diǎn)的一種。基于此，我們又可以稱<nav>節(jié)點(diǎn)是<body>節(jié)點(diǎn)的后代節(jié)點(diǎn)。
3、理解這些節(jié)點(diǎn)之間的關(guān)系之后，可以方便我們更好的理解Xpath語法，下表是部分常用的Xpath語法。
表達(dá)式 | 詳解 |
//@class | 選取所有名為class的屬性 |
/article | 選取根元素article |
//div | 選取所有div子元素 |
article | 選取所有article元素的所有子節(jié)點(diǎn) |
article/a | 選取所有屬于article的子元素的a元素 |
article//div | 選取所有屬于article元素的后代的div元素 |
這里特別強(qiáng)調(diào)“/”和“//”的區(qū)別，“/”一般代表的某個(gè)元素的子節(jié)點(diǎn)，而不是全部的后代節(jié)點(diǎn)；而“//”一般代表的某個(gè)元素的后代節(jié)點(diǎn)，范圍比“/”代表的要更加廣泛一些。@符號(hào)后邊時(shí)常跟著class，代表選取名為class屬性的節(jié)點(diǎn)，比較常見。
4、下面針對(duì)具體的網(wǎng)頁源碼，讓大家了解一下網(wǎng)頁結(jié)構(gòu)。
如上圖中的紅色框框中，class為屬性，而等于號(hào)后邊的“grid-5”即為屬性值，有的時(shí)候節(jié)點(diǎn)內(nèi)不只是一個(gè)屬性，如上圖中的196行中，就有兩個(gè)屬性。
5、為了更加方便的定位到div或者其他節(jié)點(diǎn)下的標(biāo)簽，我們需要繼續(xù)進(jìn)一步的進(jìn)行定位鎖定，下表是部分常用的Xpath語法。
表達(dá)式 | 詳解 |
//div[@lang] | 選取所有擁有l(wèi)ang屬性的div元素 |
//div[@lang='eng'] | 選取所有擁有l(wèi)ang屬性為eng的div元素 |
/article/div[1] | 選取屬于article子元素的第一個(gè)div元素 |
/article/div[last()] | 選取屬于article子元素的最后一個(gè)div元素 |
/div/* | 選取屬于div元素的所有子節(jié)點(diǎn) |
//* | 選取所有元素 |
//div/a | //div/p | 選取所有div元素的a和p元素 |
掌握了Xpath語法知識(shí)之后，我們就可以通過Xpath語法來進(jìn)行編寫Xpath表達(dá)式，以提取網(wǎng)頁上的目標(biāo)數(shù)據(jù)。
千里之行，始于足下。如果想學(xué)好Xpath，更是需要勤加使用。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
