注射CSS从屏幕快照API(url2png.com)中删除模式/弹出窗口

Question

我正在尝试构建一个应用程序，该应用程序将接收网址的CSV并显示网页的屏幕截图。但是，我遇到了一个问题，该问题将屏幕截图，其中包含整页的模式/弹出窗口，该模式/弹出窗口阻止了站点内容。我正在使用的API（url2png.com）允许进行CSS注入或用户代理参数。我试图使用这样的注射CSS文件，但尚未正常运行。

.ju_overlay {
    display: none;
}
#modalcontent {
    display: none;
}
.shopify-section-popup-subscription {
    display: none;
}
.modal-backdrop {
    display: none;
}

有人知道删除模式/防止其加载的有效方法吗？

Answer 1

正如我们对话中发现的那样，url2png似乎在网站的css附加（因此优先级），或者规则集的特异性的优先级不如优先级网站的CSS。尽管使用!important通常是一种不好的做法，但在网络刮擦中，尤其是在您打算强制这些规则的情况下，这将是最好的方法。

因此，只需将声明更改为包括!important，就应该很好：

.ju_overlay {
    display: none !important;
}
#modalcontent {
    display: none !important;
}
.shopify-section-popup-subscription {
    display: none !important;
}
.modal-backdrop {
    display: none !important;
}