WebDriver定位网页元素

webDriver是Python 的一个用于实现web自动化的第三方库,以百度首页为例,学习元素定位。

首先使用前端工具找到百度首页部分前端代码:

<html>
  <head>
  <body link="#0000cc">
    <script>
    <div id="wrapper" style="display: block;">
        <script>
        <div id="head">
            <div class="head_wrapper">
                <div class="s_form">
                    <div class="s_form_wrapper soutu-env-nomac soutu-env-index">
                          <div id="lg">
                          <a id="result_logo" onmousedown="return c({'fm':'tab','tab':'logo'})" href="/">

                          <form id="form" class="fm" action="/s" name="f">
                              <input type="hidden" value="utf-8" name="ie">
                              <input type="hidden" value="8" name="f">
                              <input type="hidden" value="0" name="rsv_bp">
                              <input type="hidden" value="1" name="rsv_idx">
                              <input type="hidden" value="" name="ch">
                              <input type="hidden" value="monline_3_dg" name="tn">
                              <input type="hidden" value="" name="bar">
                              <span class="bg s_ipt_wr quickdelete-wrap">
                                   <input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd">
                              </span>

                              <span class="bg s_btn_wr">
                                   <input id="su" class="bg s_btn" type="submit" value="百度一下">
                              </span>
                              ......

webDriver 中元素定位方法:

find_element_by_id()                    find_element_by_name()
find_element_by_class_name()      find_element_by_tag_name()
find_element_by_link_test()          find_element_by_partial_link_text()
find_element_by_xpath()              find_element_by_css_selector()
1.id/name/class/tag定位

例如百度输入框:

Paste_Image.png

我们可以使用它的各种属性进行定位:

find_element_by_id("kw")  
find_element_by_name("wd")
find_element_by_class_name("s_ipt") 
find_element_by_tag_name("input")  -- 但是下查看前端会发现大量<div>、<input>、<a>等标签,所以很难通过by_tag_name找到准确的定位,适用于批量定位。
2.link/partial link 定位:

link定位是专门用来定位文本连接 的。比如:

<a class="mnav" name="tj_trvideo" href="http://v.baidu.com">视频</a>
<a class="mnav" name="tj_trtieba" href="http://tieba.baidu.com">贴吧</a>
<a class="bri" style="display: block;" name="tj_briicon" href="http://www.baidu.com/more/">更多产品</a>
------------------------------------------
find_element_by_link_test("视频")   
#当文本比较长的时候,我们可以取文本的一部分,只要这部分信息可以唯一标识这个连接就行:
find_element_by_partial_link_text("更多")
3.XPath定位

例:(百度输入框和搜索框定位)
●绝对路径定位
find_element_by_xpath("/html/body/div/div/div/div/div/form/span/input")
find_element_by_xpath("/html/body/div/div/div/div/div/form/span[2]/input")
如果一个层级下有多个相同标签名,按上下顺序确定是第几个,如:span[2] 第二个表示搜索框
●元素属性定位

find_element_by_xpath("//input[@id='kw']")
find_element_by_xpath("//input[@id='su']")
find_element_by_xpath("//*[@id='su']")

//表示当前页面某个目录下,input是元素标签名,[@id='kw']表示元素的id属性,这里可以使用元素的任意属性名,只要能唯一识别该元素,如果不想指定标签名可以用*号代替
●层级属性结合
如果一个元素没有任何可以唯一标识的属性,可以找到他的上一级元素(上级没有找上上级...)

find_element_by_xpath("//span[@class='bg s_ipt_wr']/input")
find_element_by_xpath("//span[@class='bg s_btn']/input")

●使用逻辑运算符
如果一个属性不能唯一区分一个元素,可以用逻辑运算符 ‘and’ 连接多个属性定位元素

find_element_by_xpath("//input[@id='kw' and @class='s_ipt']")
4.CSS定位

1.通过(.)号进行class属性定位,(#)号进行id属性定位:
find_element_by_css_selector(".s_ipt")
find_element_by_css_selector("#kw")
2.通过标签名定位
find_element_by_css_selector("input") #标签名重复概率大,适用定位一组元素
3.通过父子关系定位
find_element_by_css_selector("span>input")
4.通过属性定位
find_element_by_css_selector("autocomplete=off")
5.组合定位

find_element_by_css_selector("form.fm>span>input.s_ipt")
#class属性为fm的form标签->span标签->标签名为input、class属性为s_ipt 的元素。

WebDriver的8种定位方法还提供了统一的调用方法:find_element() 方法。通过By声明定位方法,再 传入响应的定位参数:
使用By之前导入By类:
form selenium.webdriver.common.by import By
find_element(By.ID, "kw")
find_element(By.NAME, "wd")
...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容