火狐浏览器问题

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

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

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

18年2019月XNUMX日，科里·奥尔德林（Corey Alderin）询问

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

由GrabzIt支持人员于18年2019月XNUMX日回答

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

在18年2019月XNUMX日由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月XNUMX日回答

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

在18年2019月XNUMX日由Corey Alderin回答

回答问题查看所有Web捕获问题