一前言

成都創新互聯作為成都網站建設公司，專注重慶網站建設公司、網站設計，有關成都企業網站建設方案、改版、費用等問題，行業涉及軟裝設計等多個領域，已為上千家企業服務，得到了客戶的尊重與認可。

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

 

當然，如果細心的你閱讀過python selenium系列（二）元素定位方式，可能會好奇了，可以借助瀏覽器或插件copy xpath css啊，也免去驗證了。確實，利用此方法有些時候非常便利，但有時工具返回的結果就不盡人意了，冗長、繁瑣、不利維護。此時，就要發揮咱們人類的能動性重寫了，因而就需要對編寫的表達式進行驗證。

 

二 Chrome驗證流程和方法

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

 

如圖中紅框標識的位置，可以控制開發工具的位置，上圖是設置單獨窗口的狀態。

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

 

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

     

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

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

結果不言而喻了吧。

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

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

 

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

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

 

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

 

三 其他資源

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

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

成都網站建設公司_創新互聯，為您提供外貿網站建設、Google、域名注冊、小程序開發、外貿建站、關鍵詞優化

廣告

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