Selenium元素定位之頁面檢測技巧

 

咱們在進行web自動化測試的時候進行XPath或者CSS定位，須要檢測頁面元素定位是否正確，若是用腳本去檢測，那麼效率是極低的。

通常網上推選裝額外的插件來實現頁面元素定位檢測 如：firebug。

其實F12開發者工具就能直接在頁面上檢測元素定位不須要裝額外的插件。

有2種方式：

• F12開發者自帶的elements定位，支持xpath css定位。
• JS方法定位，經過console輸入，支持id、Name、ClassName、TagName定位，CSS不支持xpath方式定位。

elements定位

使用方法：

F12開啓開發者工具後按Ctrl + F組合鍵

Element標籤下，會多出一個body輸入框。

這個輸入框能夠使用xpath css定位和關鍵字查找。

 

右下角顯示選中的和總共定位的元素。

JS方法定位：

第二種經過JS自帶的方法來定位。顯示效果比第一種要更好。

　　CSS定位

• document.querySelector() 
• document.querySelectorAll()

      其餘方式定位

• document.getElementById()
• document.getElementsByName()
• document.getElementsByClassName()
• document.getElementsByTagName()

看方法名就能知道用途。

我通常用document.querySelectorAll()定位全部元素。既能定位一組元素還能 在定位一個元素的時候檢測是否認位到多個元素。

使用方法： 

　　打開F12開發者工具 切換到Console控制檯標籤。

　　輸入JS元素定位方法

 

不廢話，看下圖示例