捕獲和轉換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內聯,因為它並不總是相同的。 它根據用戶而變化。

Xyx 18,2019 12:11:07 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進行更改時。 我可能可以對我的代碼進行一些更改以解決此問題。

Xyx 18,2019 05:01:42 PM,Corey Alderin於週三回答