Hoe JavaScript inline pop-ups uit te schakelen?

Sommige webpagina's bevatten ongewenste inline JavaScript-pop-ups die verschijnen in schermafbeeldingen die zijn gegenereerd met onze API's en Online screenshot-tool. De meest betrouwbare techniek om deze pop-ups te verbergen is het specificeren van de HTML-elementen van de pop-up die u wilt verbergen. Hieronder vindt u het HTML-fragment van een inline pop-up die we willen verwijderen.

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

Om deze pop-up te verwijderen, moeten we daarom alle pop-upelementen verbergen die de pagina blokkeren met behulp van de elementen CSS-selectors. In dit geval wel .ArevicoModal-bg en .ArevicoModal. U kunt erachter komen welke HTML-elementen u moet verwijderen met behulp van de ontwikkelaarstools van uw webbrowser. Een voorbeeld van het verbergen van de .ArevicoModal-bg en .ArevicoModal HTML-elementen worden hieronder voor elke API weergegeven.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
REST API
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")

Andere technieken

Sommige pop-ups worden beheerd met cookies. Als u dus de juiste cookiewaarde voor dat domein instelt, verschijnt de pop-up mogelijk niet meer. Dit kan zijn handmatig gedaan of automatisch door het inschakelen van de gebruikerscookiegedrag modus.

Om dit te doen, gaat u naar de webpagina en opent u de ontwikkelaarstools van uw browser, zodat u kunt zien welke cookies op de webpagina aanwezig zijn. Sluit nu de pop-up. Als er een nieuwe cookie verschijnt, vernieuw dan de pagina. Als de pop-up niet meer verschijnt, kopieer dan de details van de cookie die verscheen en voeg deze toe aan uw aangepaste cookies. Het zou echter een goed idee zijn om de cookie een lange houdbaarheidsdatum te geven, bijvoorbeeld 10 jaar in de toekomst, zodat de cookie niet wordt verwijderd.

Een andere mogelijke oplossing is om opnames aan te vragen met behulp van de zoekmachine user-agent, door de parameter "request as" in te stellen. Afhankelijk van hoe de website is geschreven, kan het zijn dat de pop-up niet verschijnt.

Meer Web Capture-artikelen Gemeenschap Contact