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

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

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

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

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/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.4.7/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ページのキャプチャをトリガーする必要があるため、上記の例は制限されています。 たとえば、2つの潜在的な選択肢は、ボタンをクリックするか、定期的にWebページをキャプチャすることです intタイマー付きのervals。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/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>

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

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

言うまでもなく、これを行っていることをユーザーに通知する必要があるでしょう。

次の方法で、現在のWebページのスクリーンショットを無料で開始できます。 アカウントを作成する 上記のコードをコピーします intキャプチャするWebページ。 他の人があなたのアカウントを使用しないようにするために、あなたは ドメインを認証する あなたのウェブサイトで動作する前に。