Webをキャプチャして変換するツール
GrabzItのオンラインコミュニティ

ローカルでGrabzIt javascriptを使用する

ローカルおよび/または公開されていないページでGrabzIt javascriptを使用する方法はありますか?

感謝

9月9月曜日、2019 07:55:34 PMにJosh Wileyからの質問

はい、localhostまたはhtmlファイルから呼び出すだけで機能します。 問題があれば教えてください。

9 9月の月曜日、2019 08:00:44 PMにGrabzItサポートが回答

はい、ありがとう。 私はこれをもう少し理解し始めています。 私はこのページを読んでいました:https://grabz.it/support/?uniqueId=html-tips。

これに関するいくつかの質問:

1)ConvertHTMLを使用する場合、CSSはスクリーンショットを撮ろうとしているDiv内にある必要がありますか? それとも、そのDivの外にスタイルシートを置いても大丈夫ですか?

2)スクリーンショットを作成しようとしているフォントの中には、正しいフォントで表示されないものがあります。 フォントの扱いは異なりますか?

9月9月曜日、2019 09:12:02 PMにJosh Wileyが回答

ConvertHtmlは変換できます string HTMLの場合はCSSを含めることができますが、そうしない場合は、外部スタイルシートが絶対URLを使用していることを確認する必要があります。

CSSで絶対URLなどを使用して適切に参照される場合、フォントは機能するはずです。

9 9月の月曜日、2019 09:23:00 PMにGrabzItサポートが回答

ありがとう。 別の質問。 右と下に空白スペースを入れずに最終画像を拡大する方法はありますか?

たとえば、500x300であるDivのスクリーンショットを作成しようとしていますが、750x450に拡大したいです。 幅を750に、高さを450に設定すると、750x450イメージが作成されますが、スクリーンショットを撮っているdivは500x300イメージとしてのみ表示され、残りのスペースは空白です。

感謝

9月10火曜日、2019 01:32:18 AMにJosh Wileyが回答

また、ConvertPageを試してみましたが、どちらも機能していませんが、結果は異なります。 以下は私がやったことの例です。 ただし、画像は切り取られ、約半分しか表示されません。

GrabzIt( "アプリケーションキー").ConvertPage({
「ターゲット」:「#paddAroundExport」、
「遅延」:3000、
「フォーマット」:「png」、
「透明」:1、
「高さ」:-1、
「高さ」:-1、
「幅」:-1
})。AddTo( "finalImageID");

9月10火曜日、2019 02:52:11 AMにJosh Wileyが回答

こんにちはジョシュ、

最初の質問では、ブラウザサイズを500 by 300に設定できます。 次に、より大きな幅を スケールアップします。

リンクされた記事に詳細があります。

2番目のpoint、問題が発生しているページを見ることができますか?

9月10火曜日、2019 05:35:56 AMにJosh Wileyが回答

はい、ConvertHTMLのスケールアップがどのように機能するかがわかりました。 おかげで、とても助かります。 私は、高さと幅がどの程度であるかについて少し混乱していました。 私はConverHTMLの使用に非常に近づいていますが、いくつかのことはまだありません。 すべてのスタイルシートにアクセスできる必要があるため、このオプションは私にとって難しいかもしれません。それをテストするにはローカルバージョンで作業する必要があるため、私にとっては難しいです。

ConverPageオプションは私のベストと思われますが、これを機能させるにはもう少し先です。 私がしていることのほとんどは、ローカルまたはログインの背後にあります。 スクリーンショットは役立ちますか? スクリーンショットをメールで送れるかもしれませんか? そうでない場合は、JSFiddelのようなものを使用して問題の再現を試みることができます。

感謝

10 9月火曜日、2019 01:50:40 PMにJosh Wileyが回答

それでも絶対URLでCSSを参照できませんか? 例:https://www.example.com/styles/main.css

スクリーンショットは、なぜdivの一部しかキャプチャしていないのかを解明できないため、残念なことにあまり役に立たないでしょう。 問題を確認できるように、別のHTMLファイルまたはJSFiddleに配置できる場合。 修正またはアドバイスできることを願っています。

10 9月火曜日、2019 01:56:16 PMにGrabzItサポートが回答

CapturePageに関して、私は問題が何であるかをリリースしました。 CapturePageメソッドは、以下で説明されているように、公開されているリソースにアクセスする必要があります。 この記事.

10 9月火曜日、2019 02:28:31 PMにGrabzItサポートが回答

さて、ここで私の最良の選択肢は何かにこだわっています。 私はまだ何をする必要があるのか​​を完全には理解していないと思います。 これがローカルで機能するための唯一のオプションは、ConvertHTMLを使用することです。 あれは正しいですか?

これを行うかどうかはわかりませんが、ズームを介して簡単に接続できますか? 必要に応じてこれを機能させることができれば、エンタープライズにアップグレードします。 Zoomにジャンプしたい場合は、すぐにEnterpriseにアップグレードすることもできます(セットアップできます)。 これだと思う save 私たちは両方の時間なので、前後に停止することができます。

10 9月火曜日、2019 06:46:52 PMにJosh Wileyが回答

わかりました、私は前にそれを使用しなかったが、私はそれをやってみる。

詳細をお送りください お問い合わせフォーム。

10 9月火曜日、2019 06:55:18 PMにGrabzItサポートが回答

本日はお問い合わせいただきありがとうございます。 私はあなたの助けともう一つの詳細でそれを動作させることができました。 convertHTMLを介して送信したコンテンツを囲むdivを追加し、targetオプションを使用してその特定のdivを取得します。 それが完全に機能しました。

ConvertHTMLを使用して送信した正確なコンテンツを含むテストページを作成すると、何が起こっているのかがわかりました。 キャプチャされた画像は、私が送信していない場合でも、ブラウザによって追加されたように見えるボディタグをキャプチャしていました。 それが私のせいなのか、GrabzItのバグなのかはわかりませんが、バグの場合に言及したかったのです。

10 9月火曜日、2019 09:48:05 PMにJosh Wileyが回答