Como desativar pop-ups inline do JavaScript?

Algumas páginas da web contêm pop-ups JavaScript embutidos indesejados que aparecem em capturas de tela geradas com nosso APIs e Ferramenta de captura de tela on-line. A técnica mais confiável para ocultar esses pop-ups é especificar os elementos HTML do pop-up a serem ocultados. Abaixo está o snippet HTML de um pop-up embutido que queremos remover.

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

Portanto, para remover este pop-up precisamos ocultar todos os elementos pop-up que estão bloqueando a página usando os elementos Seletores CSS. Nesse caso, é .ArevicoModal-bg e .ArevicoModal. Você pode descobrir quais elementos HTML você precisa remover usando as ferramentas de desenvolvedor do seu navegador. Um exemplo de esconder o .ArevicoModal-bg e .ArevicoModal Os elementos HTML são mostrados para cada API abaixo.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
API REST
Ruby

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.5.2/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")

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&hide=.ArevicoModal-bg%2C.ArevicoModal&url=https%3A%2F%2Fspacex.com%2F

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

Outras técnicas

Alguns pop-ups são controlados por cookies, portanto, se você definir o valor correto do cookie para esse domínio, o pop-up poderá não aparecer mais. Isso pode ser feito manualmente ou automaticamente ativando o comportamento de cookies do usuário modo.

Para fazer isso, visite a página da web e abra as ferramentas de desenvolvedor do seu navegador para poder ver quais cookies estão presentes na página da web. Agora feche o pop-up. Se um novo cookie aparecer, atualize a página. Se o pop-up não aparecer mais, copie os detalhes do cookie que apareceu e adicione-o ao seu cookies personalizados. No entanto, seria uma boa ideia atribuir-lhe uma data de validade longa, talvez 10 anos no futuro, para que o cookie não seja eliminado.

Outra solução potencial é solicitar capturas usando o motor de busca agente do usuário, definindo o parâmetro "request as". Dependendo de como o site foi escrito, o pop-up pode não aparecer.

Mais artigos sobre captura da Web Community Frequentes