Pass CSS or JS to page to disable notifications

[clubh]

Would be nice to be able to pass CSS or JS to the webpage to hide cookie notifications.

[maaaaz]

Do you know if and how it would be possible with the phantomjs renderer ?

[maaaaz]

This might be possible with this function for Phantomjs.

I imagine this feature as a --customjs <file> option for webscreenshot, where <file> would contain Javascript code to be evaluated before taking a screenshot.

[maaaaz]

Feature added in v2.94 with the --custom-js option. As a proof, I managed to edit the background color of a page:

• The executed command:

  $ python3 webscreenshot.py -vv "https://archive.apache.org/dist/tomcat/" --custom-js js.txt

• Content of js.txt

  function(){
  document.body.bgColor = 'red';
  }

• The screenshot performed

[nakic]

I'm trying to make use of this feature to accept Google's cookie policy. When I execute the (JS-newbie) script in the browser console, it works (which isn't much of a surprise, given that I run it after I see the page completely loaded...), but when I run it using webscreenshot, it doesn't. This is how I run it:

$ python3 webscreenshot.py -v --custom-js pre-shot.js 'https://www.google.com/maps/@45.9001957,15.9519309,14.5z'

....and this is the script:

function(){
    var numRes = 0;
    do {
        var iAgreeClass = "VfPpkd-vQzf8d"
        numRes = document.getElementsByClassName(iAgreeClass);
    } while (numRes < 8); // wait for the button to appear; there should be 8 elements of this class when it's loaded
    var iAgreeButton = document.getElementsByClassName(iAgreeClass)[3]; // the 3rd button is the one I'm interested in
    iAgreeButton.click();
}

Any clues/suggestions?