Selenium スクリプトのデバッグでは、操作が速すぎるか操作が明確でないために、正しい要素が配置されているかどうかが明確でない場合があります。js を実行して配置された要素にスタイルを追加することで、配置された要素を強調表示できます。

In Selenim Webdriver, you can execute JavaScript code through driver.executue_scirpt(). 実行された JavaScript コードは、パラメーターの受け渡しをサポートしており、次のような配置された要素を渡すこともできます: 、JavaScript スクリプト文字列で引数[n] を使用して
exectue_script('js脚本', 参数1，参数2，参数3...)示す一致するパラメーターの数。

サンプルコードは次のとおりです。

from selenium import webdriver
from time import sleep

STYLE = "background: green; border: 2px solid red;"  # 高亮的样式

def find(driver, by, expr):
    element = driver.find_element(by, expr)
    driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",element, STYLE)  
    return element

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')

find(driver, 'id', 'kw').send_keys("博客园 韩志超")
find(driver, 'id', 'su').click()

sleep(3)
driver.quit()

上記のコードでは、
by は配置方法のみであり、「id」、「xpath」、「name」、「class name」、「link text」、「partial link text」、「css selector」、および expr をサポートしています。要素 Mode に対応する配置式。
driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",element, STYLE)
配置された要素を引数 [0] に置き換え、引数 [1] を STYLE に置き換え、ハイライトスタイルを要素に追加します。

実行後の結果は次のとおりです。

実例

光学理論は役に立たないので、従うことを学ばなければならず、学んだことを実践に適用できるように、自分でやらなければなりません.このとき、いくつかの実践的なケースから学ぶことができます.

お役に立ちましたら、いいねやコレクションをお願いします。次回からすぐに見つけられるのも便利です。

理解できない場合は、下の小さなカードを参照してください. ブロガーはまた、志を同じくするテスターと一緒に学び、進歩することを望んでいます.

適切な年齢で、適切なポジションを選択し、自分の利点を最大限に発揮するようにしてください。

私の自動テスト開発の道のりは、途中の各段階の計画と切り離すことはできません。計画と要約が好きだからです。

ビデオチュートリアルのテストと開発、ノートの学習、ポータルの受信を行います。! !

Selenium は、配置された要素の強調表示を自動化します

実例

おすすめ