如何禁用JavaScript内联弹出窗口？

某些网页包含不需要的内联JavaScript弹出窗口，这些弹出窗口会显示在我们的的API 在线截图工具。隐藏这些弹出窗口的最可靠方法是指定要隐藏的弹出窗口的HTML元素。以下是我们要删除的嵌入式弹出窗口的HTML代码段。

<div class="ArevicoModal-bg ArevicoModal-iframe" style="display: block;"></div>
<div class="ArevicoModal ArevicoModal-iframe" style="display: block;">
 <div class="ArevicoModal-content">
  <span class="ArevicoModal-close-icon ArevicoModal-close"></span>
  <div id="arvlbdata" style="overflow:visible;width:400px;height:250px;" class="ArevicoModal-inner">
   <h2>Sign up now!!</h2>
  </div>
 </div>
</div>

因此，要删除此弹出窗口，我们需要使用该元素隐藏所有阻止页面的弹出窗口元素 CSS选择器。在这种情况下 .ArevicoModal-bg .ArevicoModal。您可以使用网络浏览器的开发人员工具找出需要删除的HTML元素。隐藏一个例子 .ArevicoModal-bg .ArevicoModal 下面显示了每个API的HTML元素。

ASP.NET
Java的
JavaScript的
Node.js的
Perl的
PHP
蟒蛇
红宝石

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.HideElement = ".ArevicoModal-bg,.ArevicoModal";
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("spacex.jpg");

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.hideElement(".ArevicoModal-bg,.ArevicoModal");
grabzIt.URLToImage("http://www.spacex.com", options);
grabzIt.SaveTo("spacex.jpg");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
	{"hide", ".ArevicoModal-bg,.ArevicoModal"}).Create();
</script>

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("http://www.spacex.com", 
	{"hideElement", ".ArevicoModal-bg,.ArevicoModal"});
client.save_to("spacex.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->hideElement(".ArevicoModal-bg,.ArevicoModal");
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo("spacex.jpg");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setHideElement(".ArevicoModal-bg,.ArevicoModal");
$grabzIt->URLToImage("http://www.spacex.com", $options);
$grabzIt->SaveTo("spacex.jpg");

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.hideElement = ".ArevicoModal-bg,.ArevicoModal"
grabzIt.URLToImage("http://www.spacex.com", options)
grabzIt.SaveTo("spacex.jpg")

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.hideElement = ".ArevicoModal-bg,.ArevicoModal"
grabzIt.url_to_image("http://www.spacex.com", options)
grabzIt.save_to("spacex.jpg")

其他技术

某些弹出窗口由Cookie控制，因此，如果您为该域设置了正确的Cookie值，则该弹出窗口可能不再显示。这可以是手动完成或通过启用用户Cookie行为模式。

为此，请访问网页并打开浏览器的开发人员工具，以便您可以查看网页上存在哪些cookie。现在关闭弹出窗口。如果出现新的cookie，请刷新页面。如果不再显示弹出窗口，请复制显示的Cookie的详细信息，并将其添加到您的自定义Cookie。但是，最好给它一个较长的有效期，也许是10年，这样就不会删除Cookie。

另一个可能的解决方案是使用 搜索引擎 用户代理，通过设置“ request as”参数。根据网站的编写方式，可能会导致弹出窗口不显示。

更多文章社区问题