捕獲和轉換Web的工具
GrabzIt的在線社區

在本地使用 GrabzIt javascript

詢問有關如何捕獲或轉換網頁或HTML的問題 into圖像,CSV,PDF或DOCX文檔以及如何轉換視頻 into使用我們的API的GIF動畫。

有沒有辦法讓我在本地和/或非公開頁面上使用 GrabzIt javascript?

 

謝謝

Josh Wiley 於 9 年 2019 月 XNUMX 日提問

是的,只要從 localhost 甚至只是一個 html 檔案呼叫它就可以了。 如果您有任何問題,請告訴我。

GrabzIt 支持人員於 9 年 2019 月 XNUMX 日回复

好,謝謝。 我開始更多地理解這一點。 我正在讀這個頁面: https://grabz.it/support/article/html-tips/.

對此有幾個問題:

1) 如果我使用 ConvertHTML,CSS 是否需要位於我要截取螢幕截圖的 Div 內? 或可以在該 Div 之外使用樣式表嗎?

2)我嘗試截圖的一些字體沒有以正確的字體顯示。 字體是否有不同的處理方式?

GrabzIt 支持人員於 9 年 2019 月 XNUMX 日回复

ConvertHtml 可以轉換 string HTML 中,您可以包含 CSS,但如果不包含,則需要確保任何外部樣式表都使用絕對 URL。

如果在 CSS 中使用絕對 URL 等正確引用字體,則字體應該可以工作。

GrabzIt 支持人員於 9 年 2019 月 XNUMX 日回复

謝謝。 另一個問題。 有沒有辦法放大最終影像,而右側和底部沒有空白?  

例如,我嘗試截取 500x300 的 Div 螢幕截圖,但我想將其放大到 750x450。 當我將寬度設為 750,高度設定為 450 時,它會建立 750x450 的圖像,但我截取螢幕截圖的 div 僅顯示為 500x300 的圖像,其餘空間為空白。

 

謝謝

喬許威利 (Josh Wiley) 於 10 年 2019 月 XNUMX 日回答

另外,我一直在嘗試 ConvertPage,它也不起作用,但結果不同。 下面是我所做的一個例子。 但它會切割圖像,只顯示大約一半的圖像。

 

GrabzIt("應用程式金鑰").ConvertPage({
“目標”:“#paddAroundExport”,
「延遲」:3000,
“格式”:“png”,
“透明”:1、
「高度」:-1,
「高度」:-1,
“寬度”:-1
}).AddTo("finalImageID");

喬許威利 (Josh Wiley) 於 10 年 2019 月 XNUMX 日回答

嗨喬希,

對於第一個問題,您可以將瀏覽器大小設為 500 x 300。然後將較大的寬度設為 擴大規模。

連結的文章中有更多資訊。

在你的第二個POint,是否可以查看您遇到問題的頁面?

GrabzIt 支持人員於 10 年 2019 月 XNUMX 日回复

好的,我現在了解 ConvertHTML 的擴充功能工作原理了。 謝謝,這非常有幫助。 我對 bheight 和 bwidth 是什麼感到有點困惑。 我已經非常接近使用 ConverHTML,但仍有一些事情尚未完成。 這個選項對我來說可能很困難,因為所有樣式表都需要可訪問,這對我來說很難做到,因為我需要在本地版本上進行測試。

 

ConverPage 選項似乎是我最好的選項,但距離讓這個選項發揮作用還有一點距離。 我所做的大部分工作都是在本地或登入後進行的。 截圖有幫助嗎? 也許我可以透過電子郵件給您發送一些螢幕截圖? 如果沒有,我也許可以使用 JSFiddel 之類的東西來嘗試重現問題。

謝謝

 

喬許威利 (Josh Wiley) 於 10 年 2019 月 XNUMX 日回答

你不能仍然用絕對url引用CSS嗎? 例如 https://www.example.com/styles/main.css

不幸的是,螢幕截圖並沒有多大幫助,因為我們無法弄清楚為什麼它只捕獲 div 的一部分。 如果您可以將其放在單獨的 HTML 檔案或 JSFiddle 中,這樣我們就可以看到問題。 我們希望能夠解決這個問題或提供建議。

GrabzIt 支持人員於 10 年 2019 月 XNUMX 日回复

關於CapturePage,我剛剛發布了問題所在。 CapturePage 方法需要有權存取任何公開可用的資源,如中所述 這篇文章.

GrabzIt 支持人員於 10 年 2019 月 XNUMX 日回复

好吧,我被困在我最好的選擇是什麼。 我想我還沒有完全明白我需要做什麼。 看來我要在本地工作的唯一選擇是使用 ConvertHTML。 那是對的嗎?

不確定您是否這樣做,但我可以透過 Zoom 與您短暫聯繫嗎? 如果我能讓它按照我的需要工作,我將升級到企業版。 如果您願意使用 Zoom(我可以設定),我甚至願意立即升級到企業版。 我認為這會 save 我們都時間這樣我們就可以停止來回。 

 

喬許威利 (Josh Wiley) 於 10 年 2019 月 XNUMX 日回答

好吧,我以前沒用過,但我會嘗試。

請您透過我們發送詳細信息 聯繫表。

GrabzIt 支持人員於 10 年 2019 月 XNUMX 日回复

感謝您今天的幫助。 在您的幫助和一個額外細節的幫助下,我得以讓它發揮作用。 我新增了一個 div 來包裹我透過 ConvertHTML 發送的內容,並使用 target 選項來取得該特定的 div。 這使得它完美地工作。 

當我使用透過 ConvertHTML 發送的確切內容來建立測試頁面時,我意識到發生了什麼事。 捕獲的圖像正在捕獲似乎是由瀏覽器添加的正文標籤,即使我沒有發送該標籤。 不確定這是我的錯還是 GrabzIt 的錯誤,但想提一下以防萬一這是一個錯誤。

喬許威利 (Josh Wiley) 於 10 年 2019 月 XNUMX 日回答