Disable styling on Google Search with Selenium FirefoxDriver

Question

The following code disables stylesheets and images on a page loaded with Selenium Firefox webdriver:

from selenium import webdriver

firefox_profile = webdriver.         


        

Answer 1

The google logo come form the css, where the pictures are embedded in the HTML as data (img src="data:image/jpeg;base64, ....) the code disable the loading of remote images not this type of sources

• permissions.default.stylesheet: disable any formatting

• permissions.default.image: disable any image and css background-image

if the image is embedded into the page as base64 encoded is not blocked by these permissions because is part of the HTML code (see http://en.wikipedia.org/wiki/Data_URI_scheme)

to disable more formatting you should add:

• firefox_profile.set_preference("permissions.default.script", 2);
• firefox_profile.set_preference("javascript.enabled", False);

Answer 2

run the following javascript through the selenium script executor

var queries = ['link[rel=stylesheet][href]', 'style'];
for (var i = 0; i < queries.length; i++) {
    var remove = document.querySelectorAll(queries[i]);
    for (var j = 0; j < remove.length; j++) {
        remove[j].outerHTML = '';
    }
}
var inline = document.querySelectorAll('*[style]');
for (var i = 0; i < inline.length; i++) {
    inline[i].removeAttribute('style');
}

I have tested this with google, it works. got the above script from this firefox extension code

driver = webdriver.Firefox(firefox_profile)
driver.get('http://www.google.com/')
driver.execute_script("<put the above javascript here as string>")