switch out javaScript for selenium

Question

switch out javaScript for selenium

I'm attempting to replace the JavaScript functionality of a web page using Selenium (in Java with Firefox Geckodriver, if that makes a difference).

Consider this webpage:

<HTML><HEAD></HEAD>
<BODY>
    <DIV id="time">Time</DIV>
</BODY>
<SCRIPT>
    !function(){
        setInterval(function(){
            document.getElementById('time').innerHTML = new Date();
        }, 500);
    }();
</SCRIPT>
</HTML>

Now, after loading it with Selenium, I am using JavascriptExecutor to remove the <SCRIPT> section.

((JavascriptExecutor) driver).executeScript(
    "var r = document.getElementsByTagName('script');" +
    "for(var i = (r.length - 1); i >=0; i--){" +
    "   r[i].parentNode.removeChild(r[i]);" +
    "}");

Then, I wait for 2 seconds and add a new <SCRIPT> element.

Thread.sleep(2000);

((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

It appears to be working, but the old script is still active and updating the <DIV> tag with the current time. So, I am looking for a way to stop the active JavaScript threads or instruct Selenium to 'soft' reload the page with the altered DOM tree.

javascript java selenium

Answer 1

Answer №1

Special thanks to the tip from @pguardiario for guiding me in creating a successful solution. I utilized browserMob proxy to intercept the webpage response, eliminating all <SCRIPT> tags from the HTML. This allowed the selenium web driver to inject its own JavaScript seamlessly.

String webpage = "http://SOME_WEB_PAGE.com";

// initializing proxy object
BrowserMobProxy proxy = new BrowserMobProxyServer();

// create a response filter
proxy.addResponseFilter(new ResponseFilter() {
    @Override
    public void filterResponse(HttpResponse response, HttpMessageContents contents, HttpMessageInfo messageInfo) {
        // check if it is a response to the webpage request
        if(messageInfo.getUrl().equals(webpage)){
            // parse the result using JSOUP and remove all <SCRIPT> Tags
            Document doc = Jsoup.parse(contents.getTextContents());                     
            for(Element element : doc.select("script")) element.remove();                       
            contents.setTextContents(doc.html());
        }
    }
});

// starting the proxy and setting it as a firefox option
proxy.start(0);
Proxy seleniumProxy = ClientUtil.createSeleniumProxy(proxy);            
DesiredCapabilities capabilities = new DesiredCapabilities();
capabilities.setCapability(CapabilityType.PROXY, seleniumProxy);
FirefoxOptions options = new FirefoxOptions();
options.merge(capabilities);

// initializing the selenium web driver and loading the modified webpage without any <SCRIPT> Tags
WebDriver driver = new FirefoxDriver(options);                       
driver.get(webpage);            
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);

// injecting custom javaScript
((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

Answer 2

Special thanks to the tip from @pguardiario for guiding me in creating a successful solution. I utilized browserMob proxy to intercept the webpage response, eliminating all <SCRIPT> tags from the HTML. This allowed the selenium web driver to inject its own JavaScript seamlessly.

String webpage = "http://SOME_WEB_PAGE.com";

// initializing proxy object
BrowserMobProxy proxy = new BrowserMobProxyServer();

// create a response filter
proxy.addResponseFilter(new ResponseFilter() {
    @Override
    public void filterResponse(HttpResponse response, HttpMessageContents contents, HttpMessageInfo messageInfo) {
        // check if it is a response to the webpage request
        if(messageInfo.getUrl().equals(webpage)){
            // parse the result using JSOUP and remove all <SCRIPT> Tags
            Document doc = Jsoup.parse(contents.getTextContents());                     
            for(Element element : doc.select("script")) element.remove();                       
            contents.setTextContents(doc.html());
        }
    }
});

// starting the proxy and setting it as a firefox option
proxy.start(0);
Proxy seleniumProxy = ClientUtil.createSeleniumProxy(proxy);            
DesiredCapabilities capabilities = new DesiredCapabilities();
capabilities.setCapability(CapabilityType.PROXY, seleniumProxy);
FirefoxOptions options = new FirefoxOptions();
options.merge(capabilities);

// initializing the selenium web driver and loading the modified webpage without any <SCRIPT> Tags
WebDriver driver = new FirefoxDriver(options);                       
driver.get(webpage);            
driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);

// injecting custom javaScript
((JavascriptExecutor) driver).executeScript(
    "var newScript = document.createElement(\"SCRIPT\");" +
    "newScript.innerHTML = \"document.getElementById('time').innerHTML = 'NEW SCRIPT IS RUNNING';\";" +             
    "document.body.appendChild(newScript);");

switch out javaScript for selenium

Answer №1

Similar questions

Concealing the TinyNav Drop-Down Menu

What is the best way to import my json information into an HTML table and customize the rows as radio buttons using only Javascript?

Tips for successfully transferring an image through an XMLHttpRequest

Customizing order and limit features in AngularJS

Here are some tips for retrieving information from a JavaScript object

The sendKeys command in WebDriver is failing to enter text into the Password field

Instructions for launching a web browser within an Azure Function app on a Linux platform using Python programming language

Transforming data from an HTML table into a MySQL database

Adding a unique value to an array using JQuery when it does not already exist

Switching between a secondary menu using ClassieJS or jQuery?

What is the reason behind Selenium's inability to locate XUL buttons?

Is there a way to execute two files concurrently in JavaScript using node.js?

Tips for saving styled text in an Oracle database and retrieving it as JSONContentType: Application/JSON

Encountering difficulty in generating a new service, specifically ChromeDriverService, when initializing GRID via SSH, however the process runs smoothly when GRID is established directly

After the table finishes loading, my goal is to display an export to Excel button

Is there a way to get around the annoying "Flash Camera and Microphone Access" pop-up that appears when using Pepper/PPAPI Flash in Chrome with Selenium?

What is the proper way to place the authorization header for a background image using the url()

Pressing the Google Scholar Button using Scrapy

What methods can I implement to ensure a button illuminates only when correct information is provided?

The function of window.location is not responsive when used in conjunction with an ajax