查看页面源码
要定位页面元素,需要找到页面的源码,IE浏览器中,打开页面后,在页面上点击鼠标右键,会有“查看源代码”的选项,点击后就会进入页面源码页
面,在这里就可以找到页面的所有元素
使用Chrome浏览器打开页面后,在浏览器的地址栏右侧有一个图标,点击这个图标后,会出现许多菜单项,选择更多工具里的开发者工具,就会出
现页面的源码,不同版本的浏览器菜单选项可能不同,但是都会在开发者工具里找到页面的源码
Firefox浏览器打开页面后,在右键菜单里也可以找到“查看页面源代码”的选项。在Firefox中,可以使用浏览器自带的插件查看定位元素,在Firefox的
附加组件里搜索firebug进行下载,安装firebug组件后会在浏览器的工具栏中多出一个小虫子的图标,点击这个图标就可以打开组件查看页面源码,打
开后如下图所示 以
百度首页搜索页面为例,看一下 webdriver定位元素的八种方式
要定位页面元素,需要找到页面的源码,IE浏览器中,打开页面后,在页面上点击鼠标右键,会有“查看源代码”的选项,点击后就会进入页面源码页
面,在这里就可以找到页面的所有元素
使用Chrome浏览器打开页面后,在浏览器的地址栏右侧有一个图标,点击这个图标后,会出现许多菜单项,选择更多工具里的开发者工具,就会出
现页面的源码,不同版本的浏览器菜单选项可能不同,但是都会在开发者工具里找到页面的源码
Firefox浏览器打开页面后,在右键菜单里也可以找到“查看页面源代码”的选项。在Firefox中,可以使用浏览器自带的插件查看定位元素,在Firefox的
附加组件里搜索firebug进行下载,安装firebug组件后会在浏览器的工具栏中多出一个小虫子的图标,点击这个图标就可以打开组件查看页面源码,打
开后如下图所示 以
百度首页搜索页面为例,看一下 webdriver定位元素的八种方式
使
用
使
id
定
位
定
在页面源码中找到搜索输入框的元素定义
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">
可以看到输入框有一个有一个
id
的属性,调用
find_element_by_id()
根据
id
属性来找到元素,参数为属性的值
input_search = driver.find_element_by_id("kw")
使
用
使
name
定
位
定
使用
find_element_by_name()
根据
name
属性找到元素,参数为
name
属性的值
搜索框有一个
name=”wd”
的属性,使用
name
查找搜索输入框元素
input_search = driver.find_element_by_name("wd")
使
用
使
className
定
位
定
使用
find_element_by_class_name()
根据
className
属性找到元素,参数为
className
属性的值
搜索框有一个
class=”s_ipt”
的属性,使用
className
查找元素
input_search = driver.find_element_by_class_name("s_ipt")
使
用
使
tagName
定
位
定
使用
find_element_by_tag_name()
根据
tagName
属性找到元素,参数为元素标签的名称
每个页面的元素都有一个
tag
,搜索框的标签为
input
,有时候一个页面里有许多相同的标签,所以用这种方法找到的元素一般都不准确,除非这个元
素使用的标签在这个页面里是唯一的。一般不会使用这种方式来定位元素
input_search = driver.find_element_by_class_name("input")
使
用
使
link_text
定
位
定
页面上都会有一些文本链接,点击链接后会打开一个新的页面,这些可以点击的链接可以使用
find_element_by_link_text
来定位,百度首页上方有如
下几个元素
例如要定位
“
新闻
”
,找到元素的代码,有一个
href
的属性,这是点击后打开的页面