Bootstrap-Modal-Popup ausblenden

Question

var webpage = require('webpage').create(); 
var filename = 'demo.png'; 
webpage.open('https://www.example.com/', function() {  
webpage.render(filename); 
phantom.exit();}); 

Im obigen Code wird beim Laden der Beispielwebsite ein Bootstrap-Popup angezeigt. jetzt in phantom js Ich möchte einen Screenshot der Webseite ohne das Popup machen. Bitte helfen Sie mir, wie dieses Popup durch PhantomJS zu verbergen ..

Answer 1

Sie müssen modal verstecken/ausschalten, bevor Sie einen Screenshot machen:

var page = require('webpage').create(); 
var filename = 'demo.png'; 
page.open('https://www.example.com/', function() {  

    // Delay script by a second to give 
    // javascript some time to load and execute modal 
    setTimeout(function(){ 

     page.evaluate(function(){ 
      // You'll need to find the modal id to hide it programmatically 
      $('#themodal').modal('hide'); 
     }); 

     page.render(filename); 

     phantom.exit(); 
    }, 
    1000); 

}); 

Eine andere Möglichkeit ist es, nur die modalen Fensterelemente von DOM zu entfernen:

 page.evaluate(function(){ 
      // These classes are for Bootstrap 4 
      $('.modal, modal-backdrop').remove(); 
     });