ブートストラップモーダルポップアップを隠す

Question

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

上記のコードでは、サンプルWebサイトが読み込まれると、ブートストラップポップアップが表示されます。今はファントムjsで私はポップアップなしでWebページのスクリーンショットを撮りたいです。あなたが/非表示のスクリーンショットを作成する前に、モーダルをオフにする必要があり

Answer 1

.. phantomjsを通してこのポップアップを非表示にするにはどのように私を助けてください：

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); 

}); 

もう一つの方法は、単にDOMからモーダルウィンドウの要素を削除することです：

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