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

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

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

 

感謝

9年2019月XNUMX日にジョシュ・ワイリーから尋ねられました

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

9年2019月XNUMX日のGrabzItサポートによる回答

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

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

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

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

9年2019月XNUMX日、Josh Wileyによる回答

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

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

9年2019月XNUMX日のGrabzItサポートによる回答

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

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

 

感謝

10年2019月XNUMX日、Josh Wileyによる回答

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

 

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

10年2019月XNUMX日、Josh Wileyによる回答

こんにちはジョシュ、

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

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

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

10年2019月XNUMX日、Josh Wileyによる回答

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

 

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

感謝

 

10年2019月XNUMX日、Josh Wileyによる回答

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

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

10年2019月XNUMX日のGrabzItサポートによる回答

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

10年2019月XNUMX日のGrabzItサポートによる回答

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

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

 

10年2019月XNUMX日、Josh Wileyによる回答

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

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

10年2019月XNUMX日のGrabzItサポートによる回答

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

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

10年2019月XNUMX日、Josh Wileyによる回答