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

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

GrabzItのWeb Scraper Toolに関する質問をしてください。 WebスクレイパーとAPIを使用して、Webページ、画像、またはPDFドキュメントからデータを抽出する方法など。

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

 

感謝

9 年 2019 月 XNUMX 日に Josh Wiley からの質問

はい、ローカルホストから呼び出すだけで、または HTML ファイルから呼び出すだけで機能します。 何か問題がございましたらお知らせください。

9 年 2019 月 XNUMX 日に GrabzIt サポートが回答

わかりました、ありがとう。 私はこのことを少しずつ理解し始めています。 私はこのページを読んでいました: https://grabz.it/support/article/html-tips/.

これに関していくつか質問があります:

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

2) スクリーンショットしようとしているフォントの一部が、正しいフォントで表示されません。 フォントの扱いが違うのでしょうか?

9 年 2019 月 XNUMX 日に GrabzIt サポートが回答

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、
"bheight": -1、
「高さ」: -1、
「幅」: -1
}).AddTo("最終画像ID");

10 年 2019 月 XNUMX 日に Josh Wiley が回答

こんにちはジョシュ、

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

リンク先の記事に詳細情報があります。

XNUMX回目のPOでint、問題が発生しているページをご覧いただくことは可能でしょうか。

10 年 2019 月 XNUMX 日に GrabzIt サポートが回答

さて、ConvertHTML のスケールアップがどのように機能するかがわかりました。 ありがとう、とても助かります。 bheight と bwidth が何なのか少し混乱しました。 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 で簡単にご連絡させていただいてもよろしいでしょうか? これを必要に応じて機能させることができれば、Enterprise にアップグレードするつもりです。 Zoom を使いたいと思っていただければ、すぐに Enterprise にアップグレードするつもりです (私がセットアップできます)。 これはそうなると思います save 私たちは両方とも時間を置くので、前後を止めることができます。 

 

10 年 2019 月 XNUMX 日に Josh Wiley が回答

わかりました、これまで使ったことはありませんが、試してみます。

弊社を通じて詳細を送信していただけますか お問い合わせフォーム。

10 年 2019 月 XNUMX 日に GrabzIt サポートが回答

今日は助けてくれてありがとう。 あなたの助けと追加の詳細のおかげで、それを動作させることができました。 ConvertHTML を通じて送信したコンテンツをラップする div を追加し、target オプションを使用してその特定の div を取得します。 これで完璧に動作するようになりました。 

ConvertHTML を通じて送信した内容とまったく同じ内容のテスト ページを作成したときに、何が起こっているのかに気づきました。 キャプチャされた画像には、私が送信していないにもかかわらず、ブラウザによって追加されたと思われる body タグがキャプチャされていました。 それが私のせいなのか、それとも GrabzIt のバグなのかはわかりませんが、バグである場合に備えて言及しておきたいと思います。

10 年 2019 月 XNUMX 日に Josh Wiley が回答