CSSセレクタの使い方
次に、CSSセレクタを使った場合を見てみよう：
Python
from selenium import webdriver
# ドライバの設定
driver = webdriver.Chrome()
# ページを開く
driver.get('https://example.com')
# CSSセレクタでエレメントを探す
element = driver.find_element_by_css_selector('div#menu > ul > li > a')
# エレメントのテキストを出力
print(element.text)
# ブラウザを閉じる
driver.quit()
説明:
-
div#menu > ul > li > a — これがCSSセレクタだね。XPathと同じ意味だけど、より簡潔な書き方だよ。
3. XPathとCSSセレクタの違い
「XPathとCSSセレクタの違いは何？」って思うかも。いい質問！どっちを使うべきか説明するね。
柔軟性 vs. 簡潔さ
XPathは柔軟性があるんだ。DOMツリーを「上」に移動したり、条件を使ったりすることもできるよ。これが、複雑なクエリに役立つんだ。一方で、CSSセレクタの簡潔さから、読みやすくて書きやすいツールとして人気があるね。特にクラスやIDでエレメントを探すなら便利だよ。
機能のサポート
XPathは、contains()やstarts-with()のような関数を使ってテキストや属性をチェックできるんだ。一方、CSSセレクタにはそんな複雑な操作はできないんだよね。
速度
シンプルなタスクの場合、ブラウザがCSSセレクタに最適化されてるから、CSSセレクタのほうが速く動作する場合が多いよ。
構文
XPathは構文が複雑で、それが長所にも短所にもなるんだ。一方で、CSSセレクタは書きやすくて簡単だね。
4. 実践での応用
これまでの知識を実際のケースに役立ててみよう。例えば、商品のテーブルがあるウェブページがあって、すべての商品名と価格を取得したい場合、こんな風にできるよ：
XPathを使用した例
Python
from selenium import webdriver
# ドライバの設定
driver = webdriver.Chrome()
# ページを開く
driver.get('https://example.com/products')
# 商品エレメントの検索
products = driver.find_elements_by_xpath('//table[@class="product-table"]/tbody/tr')
# 各商品のデータを取得
for product in products:
name = product.find_element_by_xpath('.//td[@class="product-name"]').text
price = product.find_element_by_xpath('.//td[@class="product-price"]').text
print(f"Product: {name}, Price: {price}")
# ブラウザを閉じる
driver.quit()
CSSセレクタを使用した例
Python
from selenium import webdriver
# ドライバの設定
driver = webdriver.Chrome()
# ページを開く
driver.get('https://example.com/products')
# 商品エレメントの検索
products = driver.find_elements_by_css_selector('table.product-table > tbody > tr')
# 各商品のデータを取得
for product in products:
name = product.find_element_by_css_selector('td.product-name').text
price = product.find_element_by_css_selector('td.product-price').text
print(f"Product: {name}, Price: {price}")
# ブラウザを閉じる
driver.quit()
5. 注意点とよくある間違い
XPathやCSSセレクタを使う際に注意が必要なポイントがいくつかあるよ。例えば、XPathで絶対パスを使うと、HTML構造が少しでも変わるとスクリプトが壊れる可能性があるんだ。だから、柔軟に対応できるように相対パスを使うようにしよう。
CSSセレクタも注意が必要で、複雑すぎると読みにくくなるからね。正確さと簡潔さのバランスを取ることが大事だよ。
また、エラー処理も重要だよ。エレメントが見つからない場合、SeleniumはNoSuchElementExceptionをスローするんだ。try-exceptブロックやWebDriverWaitのような待機メソッドを使って、スクリプトをもっと頑丈にしよう。
GO TO FULL VERSION