¿Cómo deshabilitar las ventanas emergentes en línea de JavaScript?

Algunas páginas web contienen ventanas emergentes de JavaScript en línea no deseadas que aparecen en capturas de pantalla generadas con nuestro API y Herramienta de captura de pantalla en línea. La técnica más confiable para ocultar estas ventanas emergentes es especificar los elementos HTML de la ventana emergente que desea ocultar. A continuación se muestra el fragmento HTML de una ventana emergente en línea que queremos eliminar.

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

Por lo tanto, para eliminar esta ventana emergente necesitamos ocultar todos los elementos emergentes que bloquean la página usando los elementos Selectores CSS. En este caso lo es .ArevicoModal-bg y .ArevicoModal. Puede averiguar qué elementos HTML necesita eliminar utilizando las herramientas de desarrollo de su navegador web. Un ejemplo de cómo ocultar el .ArevicoModal-bg y .ArevicoModal Los elementos HTML se muestran para cada API a continuación.

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

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

Otras técnicas

Algunas ventanas emergentes se controlan con cookies, por lo tanto, si configura el valor de cookie correcto para ese dominio, es posible que la ventana emergente ya no aparezca. Esto puede ser hecho manualmente o automáticamente habilitando el comportamiento de las cookies del usuario modo.

Para hacer esto, visite la página web y abra las herramientas de desarrollo de su navegador para poder ver qué cookies están presentes en la página web. Ahora cierre la ventana emergente. Si aparece una nueva cookie, actualice la página. Si la ventana emergente ya no aparece, copie los detalles de la cookie que apareció y agréguela a su cookies personalizadas. Sin embargo, sería una buena idea darle una fecha de caducidad larga, tal vez 10 años en el futuro, para que la cookie no se elimine.

Otra posible solución es solicitar capturas utilizando el motor de búsqueda agente de usuario, configurando el parámetro "solicitar como". Dependiendo de cómo se escribió el sitio web, es posible que la ventana emergente no aparezca.

Más artículos sobre captura web Comunidad Preguntas