부트 스트랩 모달 팝업 숨기기

Question

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

위의 코드에서 예제 웹 사이트를로드하면 부트 스트랩 팝업이 표시됩니다. 이제 팬텀 js에서 나는 팝업없이 웹 페이지의 스크린 샷을 찍고 싶다. 당신은/숨기기 스크린 샷을하기 전에 모달을 해제해야

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