捕获和转换Web的工具
GrabzIt的在线社区

火狐浏览器问题

在某些情况下,让屏幕截图在Firefox上正常工作时出现问题。

Firefox使用其他浏览器都不使用的“插入” CSS属性(https://developer.mozilla.org/en-US/docs/Web/CSS/inset)。 它用于代替左/右/上/下。 至少在我的FF版本中,它甚至通过替换任何left / right / ... CSS来强制使用它。 GrabzIt无法识别此属性,因此该图像对于Firefox用户而言不正确。

有没有其他人遇到过这种情况并有解决方案。

科里·奥尔德林(Corey Alderin)在18 9月星期三,2019 11:00:32 AM上问过

也许将易于更改的CSS代码放在外部CSS文件中,然后以这种方式在HTML中引用它?

GrabzIt支持在18星期三,2019 11:22:48 AM上回答

就我而言,这是行不通的。 我需要使CSS内联,因为它并不总是相同的。 它根据用户而变化。

在11月18,2019 12 11:07:XNUMX PM上由Corey Alderin回答

在我的FireFox版本中,我对此进行了测试:

<html>
<head>
<script src="grabzit.min.js"></script>
</head>
<body>
<div id="screenshot"><style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div></div>
<script>GrabzIt("APPLICATION KEY").ConvertHTML(document.getElementById('screenshot').innerHTML,{"target": "#captureThis",
"format": "png",
"transparent": 1,
"bwidth": 1200,
"bheight": 1000,
"hd": 1,
"width": 1200,
"height": 1000,
"hide": ".modal-backdrop",
"displayid": "finalImage"}).DataURI();
</script>
</body>
</html>

发布的数据是这样的:

<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>

没有发送插图。

GrabzIt支持人员在18星期三,2019 12:24:10 PM回答

我已经对此进行了更多测试,当用户移动div时似乎正在发生这种情况。 我的应用程序允许元素移动,也就是Firefox进行更改时。 我可能可以对我的代码进行一些更改以解决此问题。

在11月18,2019 05 01:42:XNUMX PM上由Corey Alderin回答