瀏覽器元素定位方法

2021-09-12 12:33:39 字數 1670 閱讀 4139

常用四種元素定位方式:id、name、xpath、css

1、id和name定位是比較簡單也比較常用的元素定位方法

一般情況下,id和name是唯一的,可比較確切地定位到某個元素,當然,這要看前端開發的設計了。

input text       id=kw        robotframework

或       input text      name=wd     robotframework

2、xpath

用xpath定位是,一般分為相對路徑定位及絕對路徑定位

2.1  xpath的絕對路徑

xpath = /html/body/div[1]/div[4]/div[2]/div/form/span[1]/input

可以從最外層開始找,html 下面的body 下面的div 下面的第4 個div 下面的....input 標籤。通過

一級一級的鎖定就找到了想要的元素。

2.2 xpath的相對路徑

2.2.1  元素本身

xpath 同樣可以利用元素自身的屬性:

xpath = //*[@id=』kw1』]

//表示某個層級下,*表示某個標籤名。@id=kw1 表示這個元素有個id 等於kw1 。

當然,一般也可以制定標籤名:

xpath = //input[@id=』kw1』]

元素本身,可以利用的屬性就不只侷限為於id 和name ,如:

xpath = //input[@type=』text』]

xpath = //input[@autocomplete=』off』]

但要保證這些元素可以唯一的識別乙個元素。

2.2.2  找上級

當我們要找的乙個人是個剛出生的嬰兒,還沒起名子也沒有入戶口(身份證號),但是你會永遠跟在父親的身邊,你的父親是有唯一的名字和身份證號的,這樣我們可以先找到你父親,自然就找到你的。

元素的上級屬性為:

找爸爸:

xpath = //span[@class=』bg s_ipt_w』]/input

如果爸爸沒有唯一的屬性,可以找爺爺:

xpath = //form[@id=』form1』]/span/input

這樣一級一級找上去,直到html ,那麼就是乙個絕對路徑了。

2.2.3  布林值寫法:

如果乙個人的姓名不是唯一的,身份證號也不是唯一的,但是同時叫張三並且身份證號為123 的人卻可以唯一的確定乙個人。那麼可以這樣寫:

xpath = //input[@id=』kw1』 and @name=』wd』]

可以and ,當然也可以or :

xpath = //input[@id=』kw1』 or @name=』wd』]

但or 的實際意義不太。我們一般不需要說,找的人名字或者叫張三,或者身份證號是123 也可以。

input text          xpath = //*[@id=』kw1』]          robot framework 學習

input text          xpath = //span[@class=』bg s_ipt_w』]/input          robot framework 學習

input text          xpath = //input[@id=』kw1』 and @name=』wd』]        robot framework 學習

瀏覽器問題定位方法

瀏覽器debug 什麼是debug debug也叫做排錯,除錯 為什麼使用debug 程式設計中經常出現bug,當 執行錯誤,得預先知道 是如何出錯的,如何debug inspect除錯法 1 修改scripts,增加 inspect,啟動服務 2 開啟chorme,訪問chrome inspect...

瀏覽器定位

1 基礎知識 瀏覽器的定位依賴於各個瀏覽器在開啟頁面瑣傳輸的http header資訊中的user agent,所以在這之前先了解user agent是非常有必要的。user agent中文名為使用者 是http協議中的一部分,屬於頭域的組成部分,user agent也簡稱ua。它是乙個特殊字串頭,...

相對瀏覽器定位

position fixed生成絕對定位的元素,相對於瀏覽器視窗進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。top expression eval document.documentelement.scrolltop ie6 頭部固定 position ...