[WebDriver]How to disable images in WebDriver - msedgedriver.exe (EDGE)

[YGYL0]

How to disable images &css in WebDriver - EDGE?

========Others====

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
import time
import random
options = Options()
num=str(float(random.randint(500,600)))
options.add_argument("user-agent=Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/{}"
" (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/{}".format(num,num))

prefs = {"profile.managed_default_content_settings.images": 2,'permissions.default.stylesheet':2}
options.add_experimental_option("prefs", prefs)
driver = webdriver.Chrome(executable_path='D:\\chromedriver\\chromedriver.exe',chrome_options=options)
driver.get('https://www.ly.com/')
time.sleep(5)
html=driver.find_element_by_xpath("//body").get_attribute("innerHTML")
print(html)

[SOLVE-SMART]

Hi @YGYL0  ,

what is your question? Please try to rephrase your statement and tell us what you're trying to achieve by disabling images?

Best regards
Sven

Edited February 7 by SOLVE-SMART

[mLipok]

5 hours ago, SOLVE-SMART said:

what is your question?

I think I know what @YGYL0 mean.
I've had to do similar work in the past - at least I think so.

EDIT:
You can use:
https://addons.mozilla.org/pl/firefox/addon/styl-us/
or
https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?pli=1
or
https://microsoftedge.microsoft.com/addons/search/stylus?hl=en-US

to create your own CSS to disable/hide all unwanted elements.

After that it can be injected to document.body and in this way you can for example make website B/W without images.

For example I use such CSS:

expandcollapse popup

Func _MY_CSSParser()
    Return StringReplace( _
            "           * {                                                 " & @CRLF & _
            "               line-height: 1 !important;                      " & @CRLF & _
            "               margin-top: 3px !important;                     " & @CRLF & _
            "               margin-bottom: 3px !important;                  " & @CRLF & _
            "               background-color: white !important;             " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "                                                               " & @CRLF & _
            "           .alert-info {                                       " & @CRLF & _
            "               color: black !important;                        " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "                                                               " & @CRLF & _
            "           img[alt='Logo aplikacji'],                          " & @CRLF & _
            "           header[class='ember-view'],                         " & @CRLF & _
            "           .container > div[class='vertical-offset'],          " & @CRLF & _
            "           svg[role='img'],                                    " & @CRLF & _
            "           div[class='row ember-view'],                        " & @CRLF & _
            "           div.container button,                               " & @CRLF & _
            "           div.navbar-header,                                  " & @CRLF & _
            "           nav.navbar-default,                                 " & @CRLF & _
            "           #ember271,                                          " & @CRLF & _
            "           #ember292,                                          " & @CRLF & _
            "           #ember420,                                          " & @CRLF & _
            "           #ember419,                                          " & @CRLF & _
            "           #ember455,                                          " & @CRLF & _
            "           #ember457,                                          " & @CRLF & _
            "           #ember484,                                          " & @CRLF & _
            "           #ember491 {                                         " & @CRLF & _
            "               display: none;                                  " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "", @TAB, '')


    #cs
        * {
            line-height: 1 !important;
            margin-top: 3px !important;
            margin-bottom: 3px !important;
            background-color: white !important;
        }

        .alert-info {
            color: black !important;
        }

        img[alt='Logo aplikacji'],
        header[class='ember-view'],
        .container > div[class='vertical-offset'],
        svg[role='img'],
        div[class='row ember-view'],
        div.container button,
        #ember271,
        #ember292,
        #ember420,
        #ember419,
        #ember455,
        #ember457,
        #ember484,
        #ember491 {
            display: none;
        }
    #ce

EndFunc   ;==>_MY_CSSParser

 

Edited February 7 by mLipok

[mLipok]

btw.
such CSS must be injected to each FRAME

[mLipok]

I use something like this:

expandcollapse popup

_Example()
Func _Example()
    .....
    .....

    Local $s_CSS_Parser = _MY_CSSParser()
    Local $s_JavaScript = StringRegExpReplace(StringReplace( _
            "   let style = document.createElement('style');                                    " & @CRLF & _
            "   style.id = 'WEBDRIVER_CSSStyles-theme" & $IDX_Frame & "';                           " & @CRLF & _
            "   style.innerHTML = `" & $s_CSS_Parser & "`;                                      " & @CRLF & _
            "   document.documentElement.insertBefore(style, document.body.nextSibling);        " & @CRLF & _
            "", @TAB, ''),'\R','')
    Local $v_Result = _WD_ExecuteScript($sSession, $s_JavaScript)   
EndFunc


Func _MY_CSSParser()
    Return StringReplace( _
            "           * {                                                 " & @CRLF & _
            "               line-height: 1 !important;                      " & @CRLF & _
            "               margin-top: 3px !important;                     " & @CRLF & _
            "               margin-bottom: 3px !important;                  " & @CRLF & _
            "               background-color: white !important;             " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "                                                               " & @CRLF & _
            "           .alert-info {                                       " & @CRLF & _
            "               color: black !important;                        " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "                                                               " & @CRLF & _
            "           img[alt='Logo aplikacji'],                          " & @CRLF & _
            "           header[class='ember-view'],                         " & @CRLF & _
            "           .container > div[class='vertical-offset'],          " & @CRLF & _
            "           svg[role='img'],                                    " & @CRLF & _
            "           div[class='row ember-view'],                        " & @CRLF & _
            "           div.container button,                               " & @CRLF & _
            "           div.navbar-header,                                  " & @CRLF & _
            "           nav.navbar-default,                                 " & @CRLF & _
            "           #ember271,                                          " & @CRLF & _
            "           #ember292,                                          " & @CRLF & _
            "           #ember420,                                          " & @CRLF & _
            "           #ember419,                                          " & @CRLF & _
            "           #ember455,                                          " & @CRLF & _
            "           #ember457,                                          " & @CRLF & _
            "           #ember484,                                          " & @CRLF & _
            "           #ember491 {                                         " & @CRLF & _
            "               display: none;                                  " & @CRLF & _
            "           }                                                   " & @CRLF & _
            "", @TAB, '')


    #cs
        * {
            line-height: 1 !important;
            margin-top: 3px !important;
            margin-bottom: 3px !important;
            background-color: white !important;
        }

        .alert-info {
            color: black !important;
        }

        img[alt='Logo aplikacji'],
        header[class='ember-view'],
        .container > div[class='vertical-offset'],
        svg[role='img'],
        div[class='row ember-view'],
        div.container button,
        #ember271,
        #ember292,
        #ember420,
        #ember419,
        #ember455,
        #ember457,
        #ember484,
        #ember491 {
            display: none;
        }
    #ce

EndFunc   ;==>_MY_CSSParser

 

Edited February 7 by mLipok

[SOLVE-SMART]

Thanks @mLipok for the explanation and example 🤝 .

Best regards
Sven

[YGYL0]

@SOLVE-SMARTI want to get the execution result of the HTML page JavaScript, but I don't want to spend time loading things that I don't need

[YGYL0]

@mLipokIn the EDGE settings, Cookies and website permissions, site permissions/images, can be disabled for loading images on a certain site.

What I mean is how to implement this setting in AU3 WebDriver - EDGE

[mLipok]

Do you mean one of such feature:

https://www.scrapingbee.com/webscraping-questions/selenium/how-to-block-image-loading-selenium/

https://stackoverflow.com/questions/35128850/java-selenium-chrome-driver-disable-image-loading

https://stackoverflow.com/questions/48306556/selenium-webdriver-firefoxchrome-java-how-to-disable-image-loading

https://stackoverflow.com/questions/61998191/avoid-load-images-and-other-resources-like-css-when-use-selenium-in-c-sharp

 

?