【Selenium】ブラウザ操作の仕方を解説【Java】

プログラミング
2022.04.22

ブラウザ操作やWebアプリケーションテストを自動化したいなぁと思ったことはないでしょうか？

ブラウザ操作を自動化する際は、Selenuimを使用すると便利です。

本記事ではJavaを使用したSelenuimの基本的な使い方を理解することができます。

本記事で学べること

・Selenuimの使い方
・WebDriverとChromeDriverのダウンロード方法
・Eclipseにドライバを導入する方法

本記事では以下の順番で、解説していきます。

  1. 必要なドライバをダウンロード
  2. Eclipseで動作させるための準備
  3. Selenuimの使い方

Selenuimに対応している言語と対応ブラウザについて

対応している言語、ブラウザは以下の通りです。

対応言語：java、python、C#、Ruby、JavaScript

対応ブラウザ：Firefox、GoogleChrome、InternetExplorer、Safari、MicrosoftEdge

使用環境

  • Windows　11
  • eclipse　4.2.1
  • Javaバージョン　17.0.1
  • GoogleChrome　100.0.4896.127

Javaでブラウザ操作するために必要なもの

ブラウザ操作するのに以下のドライバーをインストールする必要があります。

※本記事ではGoogleChromeを使用してブラウザ操作を行います。

  1. WebDriver(Selenium)
  2. ChromeDriver

WebDriverをダウンロードする

下記のサイトからインストールします。

Downloads
Selenium automates browsers. That's it!
www.selenium.dev

サイトを開いて、下にスクロールするとJavaと記載されている箇所の

「4.1.3(March 28,2022)」をクリックする。

ChromeDriverをダウンロードする

ChromeDriverをインストールする前に、使用しているChromeのバージョンを確認する必要があります。

Chromeのバージョンを確認する方法

GoogleChromeを開きます。

右上のGoogleChromeの設定をクリックします。

設定をクリックします。

「Chromeについて」をクリックすると、Chromeの最新バージョンを確認することができます。

ChromeDriverは以下のサイトからインストールします。

ChromeDriver - WebDriver for Chrome - Downloads
Current Releases If you are using Chrome version 115 or newer, please consult the Chrome for Testing availability dashboard. This page provides convenient JSON ...
sites.google.com

EclipseにWebDriverとＣhromeDriverを導入する方法

先ほどをダウンロードしたWebDriverとChromeDriverを導入する必要があります。

WebDriverはビルドパスを通す必要がありますので、その方法を解説します。

クラスパスを選択し、「外部JARの追加」を押下します。

ダウンロードしたWebDriver内の全てのJARファイルを選択してクラスパスに配置します。

ChromeDriverを導入する手順について解説します。

①フォルダを作成する。

② ①で作成したフォルダにChromeDriverを配置する。

Eclipseにドライバの導入が済んだら、準備は完了です。

それでは、実際に動くかテストしてみましょう。

yahooを開くテストコードは以下となります。

コピーして貼り付けるだけで実行できますので、yahooサイトが開くか確認してみて下さい。



    

  1. import org.openqa.selenium.*;
    2. 

  2. import org.openqa.selenium.chrome.ChromeDriver;
    3. 

  3. 

  4. public class Test {
    5. 

  5.     public static void main(String[] args) {
    6. 

  6.     // chromedriverを設定する
    7. 

  7.     System.setProperty("webdriver.chrome.driver", "chromedriver/chromedriver.exe");
    8. 

  8.     // Webdriverのインスタンスを作成 
    9. 

  9.     WebDriver driver = new ChromeDriver();
    10. 

  10.     //WebDriver driver = new EdgeDriver();    
    11. 

  11.     // 開くサイトのURLを設定する
    12. 

  12.     driver.get("https://www.yahoo.co.jp/");
    13. 

  13.     }
    14. 

  14. }
    15.

yahooのサイトが開ければOKです。

補足：プログラムでWebブラウザを開くと、「自動テストソフトウェアによって制御されています。」と記載がされます。

サンプルコードについて簡単に説明します。

setProperty関数の第一引数には、使用するドライバを指定して

第二引数には、Eclipseに設定しているパスを指定します。

System.setProperty("webdriver.chrome.driver", "chromedriver/chromedriver.exe");

ChromeDriverのインスタンスを作成しています。

WebDriver driver = new ChromeDriver();

インスタンスを作成するためには以下のインポートを通す必要があります。

import org.openqa.selenium.chrome.ChromeDriver;

get関数の引数にアクセスしたいURLを記述すれば、サイトを開くことができます。

driver.get("https://www.yahoo.co.jp/");

ブラウザ操作の操作方法

「yahooの検索テキストに文字を入れて、検索ボタンが押下されてブラウザを閉じる」

という一連の動作を自動化することができるようになります。

それでは、以下の順番で説明していきます。

  1. 入力フォームに文字を入れる
  2. サイト内にボタンやリンクにアクセスする
  3. ブラウザを閉じる

1.入力フォームに文字を入れる

yahooの検索テキストに文字を入れる方法を解説します。

要素を取得するのにxpathを使います。

F12キーを押下して、開発ツールを起動させます。

開発ツールの一番左をクリックする。

文字を入れたい箇所を選択して、ハイライトされている箇所を右クリックします。

By.xpath関数の引数にコピーしたxpathを貼り付けます。

sendkeys関数の引数に入力したい文字を入力します。

driver.findElement(By.xpath("/html/body/div/div/header/section[1]/div/form/fieldset/span/input")).sendKeys("入力したい文字");

2.サイト内にボタンやリンクにアクセスする

1と同じくボタンやリンクを選択してxpathを取得してください。

最後にclick関数を配置します。

driver.findElement(By.xpath("/html/body/div/div/header/section[1]/div/form/fieldset/span/button/span/span")).click();

3.ブラウザを閉じる

quit関数を使用すれば全てのブラウザを閉じることができます。

driver.quit();

close関数を使用すれば表示されているウィンドウを閉じることができます。

driver.close();

以下が動作説明したソースコードになります。



    

  1. import org.openqa.selenium.*;
    2. 

  2. import org.openqa.selenium.chrome.ChromeDriver;
    3. 

  3. public class Test {
    4. 

  4.     public static void main(String[] args) {
    5. 

  5.     // chromedriverを設定する
    6. 

  6.     System.setProperty("webdriver.chrome.driver", "chromedriver/chromedriver.exe");
    7. 

  7.     // Webdriverのインスタンスを作成 
    8. 

  8.     WebDriver driver = new ChromeDriver();
    9. 

  9.     // 開くサイトのURLを設定する
    10. 

  10.     driver.get("https://www.yahoo.co.jp/");
    11. 

  11.     // 入力フォームの要素を取得
    12. 

  12.     driver.findElement(By.xpath("/html/body/div/div/header/section[1]/div/form/fieldset/span/input")).sendKeys("入力したい文字");
    13. 

  13.     // 検索ボタンの要素を取得する
    14. 

  14.     driver.findElement(By.xpath("/html/body/div/div/header/section[1]/div/form/fieldset/span/button/span/span")).click();
    15. 

  15.     try {
    16. 

  16.         // 5秒待つ
    17. 

  17.         Thread.sleep(5000);
    18. 

  18.     }catch(InterruptedException e) {
    19. 

  19.         e.printStackTrace();
    20. 

  20.     }
    21. 

  21.     // 全てのウィンドウを閉じる
    22. 

  22.     driver.quit();
    23. 

  23.     }
    24. 

  24. }
    25.

まとめ

javaでSeleniumを使って、ブラウザ操作の説明をいたしました。

Seleniumを使用すれば、繰り返し行っている作業を

自動化することができます。

また、今回説明いたしましたXpathからデータを取得する方法は、

他の言語でSeleniumを使用する際も使える方法ですので、

覚えておいて損はないです。

もし、興味があれば実装してみてください。

コメント

タイトルとURLをコピーしました