selenium使用CSS進(jìn)行元素定位心得

為什么用CSS來進(jìn)行元素定位?##

相較id和name而言,更通用,因?yàn)楹芏喙镜那岸隧?yè)面不太規(guī)范,不是所有標(biāo)簽都會(huì)用id,name屬性
相較xpath而言,書寫更便捷,更易理解,當(dāng)前端頁(yè)面發(fā)生變更時(shí),只要標(biāo)簽名及其相應(yīng)的屬性名不變,便可一直使用下去;

   def find_element_by_css_selector(self, css_selector):
        """
        Finds an element by css selector.

        :Args:
         - css_selector - CSS selector string, ex: 'a.nav#home'

        :Returns:
         - WebElement - the element if it was found

        :Raises:
         - NoSuchElementException - if the element wasn't found

        :Usage:
            element = driver.find_element_by_css_selector('#foo')

初學(xué)者如何使用CSS元素定位器來定位?

使用CSS元素定位器五分鐘即可迅速上手。甚至不需要學(xué)習(xí)CSS語(yǔ)法。
我們只需要找到CSS元素定位的三大要素:標(biāo)簽(laber),類(class),ID(id)
這里以百度為例,走一下元素定位的過程:
1.首先進(jìn)入我們想要訪問的頁(yè)面,點(diǎn)擊'F12',進(jìn)入開發(fā)者模式


image.png

在element調(diào)試臺(tái)點(diǎn)擊元素選擇器后選擇想要定位的元素,可以在彈框看到對(duì)應(yīng)的標(biāo)簽和類名,如果這個(gè)是唯一的,就可以直接作為css選擇器的入?yún)?/p>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,824評(píng)論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,160評(píng)論 1 92
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門級(jí)到專家級(jí),廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,686評(píng)論 0 7
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,365評(píng)論 0 1
  • 現(xiàn)在時(shí)間是2017.7.16 00:14分 夜已經(jīng)深了,大學(xué)園區(qū)更是安靜,或許是酒店隔音的關(guān)系,沒有夏天夜該有的蟲...
    穆赫蘭道_d7ee閱讀 437評(píng)論 0 0

友情鏈接更多精彩內(nèi)容