溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一 前言
在先前的系列介紹中，我們知道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。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
