一前言

成都創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司，專注重慶網(wǎng)站建設(shè)公司、網(wǎng)站設(shè)計，有關(guān)成都企業(yè)網(wǎng)站建設(shè)方案、改版、費用等問題，行業(yè)涉及軟裝設(shè)計等多個領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認可。

在先前的系列介紹中，我們知道Selenium Web UI腳本開發(fā)需要先定位元素，除了基本的id，name，class  name，tag name等，可以直接從網(wǎng)頁源碼中查看，但像xpath、css，它們已經(jīng)不再是可以定位的一串字符，而且表達式，所以，不可避免的需求就是如何驗證用于元素定位的xpath、css表達式是否正確呢？總不能每次調(diào)整就靠執(zhí)行腳本來驗證吧，那樣將會大大降低開發(fā)效率。

 

當然，如果細心的你閱讀過python selenium系列（二）元素定位方式，可能會好奇了，可以借助瀏覽器或插件copy xpath css啊，也免去驗證了。確實，利用此方法有些時候非常便利，但有時工具返回的結(jié)果就不盡人意了，冗長、繁瑣、不利維護。此時，就要發(fā)揮咱們?nèi)祟惖哪軇有灾貙懥耍蚨托枰獙帉懙谋磉_式進行驗證。

 

二 Chrome驗證流程和方法

1.      使用chrome瀏覽器打開待測試的網(wǎng)頁，按F12鍵就可以看到開發(fā)工具了，如圖：

 

如圖中紅框標識的位置，可以控制開發(fā)工具的位置，上圖是設(shè)置單獨窗口的狀態(tài)。

2.      在開發(fā)工具的下面點擊console，可以看到命令提示光標 >,等待接收命令，如圖：

 

3.      驗證css，命令： $$(“”)，雙引號內(nèi)寫css表達式，如圖：

     

如圖，我們用簡潔的css定位到了“平山的博客”，并且驗證了表達式寫法的正確性。現(xiàn)在我們使用工具直接獲得該元素的表達式，比較下哪個更人性化，，工具傻瓜式獲得的表達式如下：

body > div.Content-box > div > div.header-bg > div > div.header-top > div.right > a

結(jié)果不言而喻了吧。

接下來，使用CTRL+L鍵清空命令窗口，進行xpath的驗證吧。

4.      驗證xpath，命令：$x(“”)，雙引號內(nèi)寫xpath表達式，如圖：

 

如圖，我們用簡潔的xpath定位到了“平山的博客”，并且驗證了表達式寫法的正確性。直接使用工具獲得元素的xpath路徑是這樣的：

/html/body/div[2]/div/div[1]/div/div[1]/div[2]/a

 

 由此可知，我們可以直接利用chrome自帶的開發(fā)工具進行xpath、css的驗證，簡單、方便。

 

三 其他資源

    關(guān)于python學(xué)習(xí)、分享、交流，筆者開通了微信公眾號【小蟒社區(qū)】，感興趣的朋友可以關(guān)注下，歡迎加入，建立屬于我們自己的小圈子，一起學(xué)python。

分享題目：pythonselenium系列（七）使用ChromeConsole驗證XPATH和CSS
路徑分享：http://www.chinadenli.net/article28/pegdjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、Google、域名注冊、小程序開發(fā)、外貿(mào)建站、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)