Webをキャプチャして変換するツール

JavaScriptインラインポップアップを無効にする方法

一部の Web ページには、弊社で生成されたスクリーンショットに表示される不要なインライン 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。 Web ブラウザの開発者ツールを使用すると、削除する必要がある HTML 要素を見つけることができます。 非表示にする例 .ArevicoModal-bg & .ArevicoModal 各 API の HTML 要素を以下に示します。

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

その他のテクニック

一部のポップアップは Cookie で制御されているため、そのドメインに正しい Cookie 値を設定すると、ポップアップが表示されなくなる場合があります。 これは可能です 手動で行われる または有効にすることで自動的に ユーザーの Cookie の動作 モード。

これを行うには、Web ページにアクセスし、ブラウザの開発者ツール機能を開いて、Web ページにどのような Cookie が存在するかを確認します。 ポップアップを閉じます。 新しい Cookie が表示された場合は、ページを更新してください。 ポップアップが表示されなくなった場合は、表示された Cookie の詳細をコピーして、 カスタムCookie。 ただし、Cookie が削除されないように、おそらく 10 年後などの長い有効期限を設定することをお勧めします。

もう XNUMX つの考えられる解決策は、 検索エンジン ユーザーエージェントは、「request as」パラメータを設定することで実行できます。 Web サイトの作成方法によっては、ポップアップが表示されない場合があります。