How to use Selenium to inject JavaScript code into a website on Chrome

A guide on how to use Selenium in Java to inject JavaScript code into a webpage on the Chrome browser. This article will help you understand how to interact with the DOM via JavaScript.

In this article, we will use Selenium WebDriver to control the Chrome browser and inject JavaScript code into a webpage. This allows us to perform automated interactions with the website.

Java Code

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class ExecuteJavaScript {
    public static void main(String[] args) {
        // Set the path to the ChromeDriver
        System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");

        // Initialize WebDriver for Chrome
        WebDriver driver = new ChromeDriver();

        try {
            // Open the webpage
            driver.get("https://example.com");

            // Initialize JavascriptExecutor
            JavascriptExecutor js = (JavascriptExecutor) driver;

            // JavaScript code to inject
            String script = "alert('Hello, this is a JavaScript alert!');";

            // Inject JavaScript code into the webpage
            js.executeScript(script);

            // Wait a moment to see the alert
            Thread.sleep(2000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        } finally {
            // Close the browser
            driver.quit();
        }
    }
}

Detailed explanation:

1. import org.openqa.selenium.*;: Import necessary Selenium libraries.
2. System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");: Set the path to ChromeDriver.
3. WebDriver driver = new ChromeDriver();: Initialize WebDriver for Chrome.
4. driver.get("https://example.com");: Open the target webpage.
5. JavascriptExecutor js = (JavascriptExecutor) driver;: Initialize the JavascriptExecutor to execute JavaScript code.
6. String script = "alert('Hello, this is a JavaScript alert!');";: The JavaScript code to inject.
7. js.executeScript(script);: Execute the JavaScript code on the webpage.
8. Thread.sleep(2000);: Pause the program for 2 seconds to view the alert.
9. driver.quit();: Close the browser after completion.

System requirements:

• Java Development Kit (JDK) 8 or higher.
• Selenium WebDriver.
• Compatible ChromeDriver with your current version of Chrome.

How to install the libraries:

1. Download Selenium WebDriver from the official site https://www.selenium.dev/downloads/
2. Download ChromeDriver from the official site https://sites.google.com/a/chromium.org/chromedriver/downloads
3. Add the libraries to your Java project.

Tips:

• Ensure that the version of ChromeDriver is compatible with the version of Chrome you are using.
• Experiment with other JavaScript code snippets to gain a deeper understanding of DOM interactions.

---