捕获和转换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 日回答