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

JavaScript でユーザーの Web ページのスクリーンショットを撮る方法

ユーザーの Web ページのスクリーンショットを撮りたいと思ったことはありませんか? おそらく、バグ修正やユーザーが簡単にできるようにするためです。 int表面の改善? まあ、できます GrabzIt の JavaScript API.

ユーザーページをキャプチャするには、 ConvertPage 方法。 これにより、ユーザー ページのコンテンツが変換されるように送信されます。 int画像、PDF、DOCX、または当社がサポートするその他のもの。 CSS や画像などのリソースは、公開されていない限り、スクリーンショットに含まれていない限りロードできないことに注意してください。 ただし、これは通常の場合です。

以下の簡単な例は、GrabzIt のライブラリを使用してユーザーの Web ページのスクリーンショットを簡単に取得できることを示しています。 キャプチャしたいコードをページの下部に配置するだけです。

<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").ConvertPage().Create();
</script>

どれでも渡すことができることに注意してください パラメータ JavaScript API により、 ConvertPage メソッドを使用して、スクリーンショットをさらにカスタマイズします。 たとえば、以下の例では、スクリーンショットの幅をユーザーの Web ページと同じ幅にし、高さ全体をキャプチャします。

<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").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

ただし、Web ページの読み込み時にページをキャプチャするだけではなく、何らかのイベントで Web ページのキャプチャをトリガーする必要があるため、上記の例は制限されています。 たとえば、ボタンのクリック時に Web ページをキャプチャするか、定期的に Web ページをキャプチャするという XNUMX つの代替案が考えられます。 intタイマー付きエルヴァルス。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

上の例では、ユーザーの Web ページのスクリーンショットを 30 秒ごとに自動的に作成します。 ただし、スクリーンショットをユーザーの Web ページに追加したり、ダウンロードしたりするのではなく、 Create 形式に応じて、前の例で使用したメソッドを使用できます。 の CreateInvisible メソッドが使用されますが、ユーザーに結果は返されません。

その後、缶 save JavaScript のスクリーンショット 次のいずれかの方法を使用します。 結果を Amazon、Dropbox、FTP などにエクスポートするためのエクスポート パラメーター。 または、終了イベントを使用して Web サービスを呼び出すこともできます。 save 結果、または DataURI 結果を Web サービスにポストするメソッド。

おそらく、これを行うことをユーザーに通知する必要があることは言うまでもありません。

現在の Web ページのスクリーンショットを無料で開始できます。 アカウントを作成する 上記のコードをコピーすると、 into キャプチャしたい Web ページ。 他の人があなたのアカウントを使用しないようにするには、次のことを行う必要があることに注意してください。 ドメインを認証する Web サイトで機能する前に。