Phantomjs 隐藏引导模式弹出窗口

在上面的代码中，当示例网站加载时，它会显示一个引导弹出窗口。现在在phantom js中，我想拍摄一张没有弹出窗口的网页截图。请帮助我如何通过phantomjs隐藏此弹出窗口

在制作屏幕截图之前，您需要隐藏/关闭模式：

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

另一种方法是从DOM中删除模态窗口元素：

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

});

---

谢谢你的回复，但是上面的代码仍然不起作用，我可以看到弹出窗口显示出来。此外，我已将超时时间增加到8秒，但仍会显示弹出窗口。请告诉我是否有其他设置我可能会丢失？您是否将示例中的“#themodal”替换为目标站点上模式的实际ID？是的，我有，页面到网页类型也已更新，但没有对答案提出建议。

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