java 获取页面元素的位置_Selenium Java 页面元素定位

一、操作目的

1.1 自动化测试常用操作

1、定位网页上的元素，并存储到一个变量中；

2、对变量进行操作，比如点击或输入文字；

3、设定页面元素的操作值；

二、定位方法汇总

2.1 findElement(s)

click(self, on_element=None)

click_and_hold(self, on_element=None)

context_click(self, on_element=None)

double_click(self, on_element=None)

drag_and_drop(self, source, target)

drag_and_drop_by_offset(self, source, xoffset, yoffset)

key_down(self, value, element=None)

key_up(self, value, element=None)

move_by_offset(self, xoffset, yoffset)

move_to_element(self, to_element)

move_to_element_with_offset(self, to_element, xoffset, yoffset)

pause(self, seconds)

perform(self)

release(self, on_element=None)

reset_actions(self)

send_keys(self, *keys_to_send)

send_keys_to_element(self, element, *keys_to_send)

2.2、selenium.webdriver.common.by

CLASS_NAME = 'class name'

CSS_SELECTOR = 'css selector'

ID = 'id'

LINK_TEXT = 'link text'

NAME = 'name'

PARTIAL_LINK_TEXT = 'partial link text'

TAG_NAME = 'tag name'

XPATH = 'xpath'

2.3、selenium.webdriver.common.keys

ADD = 'ue025'

ALT = 'ue00a'

ARROW_DOWN = 'ue015'

ARROW_LEFT = 'ue012'

ARROW_RIGHT = 'ue014'

ARROW_UP = 'ue013'

BACKSPACE = 'ue003'

BACK_SPACE = 'ue003'

CANCEL = 'ue001'

CLEAR = 'ue005'

COMMAND = 'ue03d'

CONTROL = 'ue009'

DECIMAL = 'ue028'

DELETE = 'ue017'

DIVIDE = 'ue029'

DOWN = 'ue015'

END = 'ue010'

ENTER = 'ue007'

EQUALS = 'ue019'

ESCAPE = 'ue00c'

F1 = 'ue031'

F10 = 'ue03a'

F11 = 'ue03b'

F12 = 'ue03c'

F2 = 'ue032'

F3 = 'ue033'

F4 = 'ue034'

F5 = 'ue035'

F6 = 'ue036'

F7 = 'ue037'

F8 = 'ue038'

F9 = 'ue039'

HELP = 'ue002'

HOME = 'ue011'

INSERT = 'ue016'

LEFT = 'ue012'

LEFT_ALT = 'ue00a'

LEFT_CONTROL = 'ue009'

LEFT_SHIFT = 'ue008'

META = 'ue03d'

MULTIPLY = 'ue024'

NULL = 'ue000'

NUMPAD0 = 'ue01a'

NUMPAD1 = 'ue01b'

NUMPAD2 = 'ue01c'

NUMPAD3 = 'ue01d'

NUMPAD4 = 'ue01e'

NUMPAD5 = 'ue01f'

NUMPAD6 = 'ue020'

NUMPAD7 = 'ue021'

NUMPAD8 = 'ue022'

NUMPAD9 = 'ue023'

PAGE_DOWN = 'ue00f'

PAGE_UP = 'ue00e'

PAUSE = 'ue00b'

RETURN = 'ue006'

RIGHT = 'ue014'

SEMICOLON = 'ue018'

SEPARATOR = 'ue026'

SHIFT = 'ue008'

SPACE = 'ue00d'

SUBTRACT = 'ue027'

TAB = 'ue004'

UP = 'ue013'

2.4、selenium.webdriver.Chrome

函数

描述back()

返回

close()

关闭当前窗口

delete_all_cookies()

删除所有 cookies

delete_cookie('name')

按名字删除 cookie

find_element(by='id', value=None)

查找给定标识符的元素

find_element_by_class_name('name')

通过类名来定位元素

find_element_by_css_selector('css_selector')

通过 css 选择器来定位元素

find_element_by_id('id')

通过 id 来定位元素

find_element_by_link_text('link_text')

通过链接内容来定位元素

find_element_by_partial_link_text('link_text')

通过链接部分内容来定位元素

find_element_by_name('name')

通过元素名称来定位元素

find_element_tag_name('name')

通过标签名来定位元素

find_element_by_xpath('xpath')

通过 xpath 来定位元素

find_elements(by='id', value=None)

find_elements_by_class_name('name')

find_elements_by_css_selector('css_selector')

find_elements_by_id('id')

find_elements_by_link_text('text')

find_elements_by_partial_link_text('link_text')

find_elements_by_name('name')

find_elements_by_tag_name('name')

find_elements_by_xpath('xpath')

forward()

向前

fullscreen_window()

全屏

get('url')

访问 url 页面

get_cookie(''name')

通过名称获取 cookie

get_cookies()

获取所有 cookies

get_log('log_type')

获取日志，类型有：browser、driver、client、server

get_screenshot_as_base64(self)

获取图片存为 base64 编码

get_screenshot_as_file('file_name')

获取图片存为文件，需要指定文件名，png 后缀

get_screenshot_as_png()

将图片存为二进制数据

get_window_position(windowHandle='current')

获取当前窗口的 x,y 位置

get_window_rect()

获取 x,y 坐标和当前窗口的宽高

get_window_size(windowHandle='current')

获取当前窗口的宽高

implicitly_wait('time_to_wait)

隐式等待一个元素加载或命令执行完成的时间。

maximize_window()

最大化

minimize_window()

最小化

refresh()

刷新

save_screenshot('findname')

保存屏幕截图

set_page_load_timeout('time_to_wait')

set_script_timeout('time_to_wait')

set_window_position(x, y, windowHandle='current')

set_window_rect(x, y, width, height)

set_window_size(width, height, windowHandle='current')

start_client()

start_session(capabilities, browser_profile=None)

stop_client()

switch_to_active_element()

switch_to_alert()

switch_to_default_content()

switch_to_frame('frame_reference')

切换到指定框架

switch_to_window('window_name')

切换到指定窗口

那么总的来说，查找元素分为以下两类：

1、查到单个元素

find_element_by_id

find_element_by_name

find_element_by_xpath

find_element_by_link_text

find_element_by_partial_link_text

find_element_by_tag_name

find_element_by_class_name

find_element_by_css_selector

2、查找多个元素(返回列表)

find_elements_by_name

find_elements_by_xpath

find_elements_by_link_text

find_elements_by_partial_link_text

find_elements_by_tag_name

find_elements_by_class_name

find_elements_by_css_selector

上面的是公有方法，还有两个私有方法是：

find_element()

find_elements()

# 这两个方法使用的时候，需要提供两个参数

# 一个是 By.xx ,这里的 xx 分别是上面列出的几种定位方法的大写

# 比如 find_element(By.ID, 'su')

# 比如 find_element(By.CSS_SELECTOR, 'h1')

三、编写实际代码测试

3.1 元素定位

// id 定位

WebElement username = driver.findElement(By.id("username"));

// name 定位

WebElement username = driver.findElement(By.name("username"));

// 部分链接文字定位

WebElement link = driver.findElement(By.partialLinkText("sog"));

// 使用标签名定位

WebElement link = driver.findElement(By.tagName("a"));

// 使用 class 名定位

WebElement input = driver.findElement(By.className("tight"));

// 使用xpath定位

WebElement button = driver.findElement(By.xpath("/html/body/div/input[@value='查询']"));

// 上述xpath使用的是绝对路径定位，当页面发生变化时，很容易造成代码失效。

// 所以推荐使用相对路径，比如将上述定位改成："//input[@value='查询']"

// 如果定位元素是列表时，下标从1开始

// css定位

WebElement button = driver.findElement(By.cssSelector("input#div > input#ok"));

WebElement button = driver.findElement(By.cssSelector("input#div > input + a + img"));

WebElement button = driver.findElement(By.cssSelector("input:nth-child(2)"));

WebElement button = driver.findElement(By.cssSelector("input#div :nth-child(2)"));

WebElement button = driver.findElement(By.cssSelector("a['href' ^= 'http://www.baidu.com']"));

// ^= 匹配开头，$= 匹配结尾 *= 链接含有即匹配中

xpath模糊定位

xpath函数

定位表达式

解释Starts-with()

//img[starts-with(@alt,'div1')]

查找图片alt属性开始位置包含“div1“关键字的页面元素

Contains()

//img[contains(@alt,'g1')]

查找图片alt属性包含“gl“关键字的页面元素

XPath 轴(Axis)定位:

关键字

含义

实例

解释parent

选择当前节点的上层节点

//img[@alt='ok']/parent::div

查找alt属性为ok的图片，然后向定位上层div元素

child

ancestor

所有上层节点

descendant

所有下层节点

following

当前节点之后所有节点

following-sibling

后面所有同级节点

preceding

当前节点之前所有节点

preceding-sibling

前面所有同级节点

内容来源于网络如有侵权请私信删除