在某些情況下,我無法在 Firefox 上正常使用螢幕截圖。
Firefox 使用其他瀏覽器不使用的「inset」CSS 屬性 (https://developer.mozilla.org/en-US/docs/Web/CSS/inset)。 它用來代替左/右/上/下。 至少在我的 FF 版本中,它甚至強制透過替換任何左/右/... CSS 來使用它。 GrabzIt 無法辨識此屬性,因此該影像對於 Firefox 使用者來說不正確。
有沒有其他人經歷過這件事並有解決方案。
在我的 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>
沒有發送任何插圖。