웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

posistion 관련 Firefox 문제

특정 상황에서 Firefox에서 스크린 샷이 올바르게 작동하는 데 문제가 있습니다.

Firefox는 다른 브라우저에서 사용하지 않는 "삽입"CSS 속성을 사용합니다 (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). 왼쪽 / 오른쪽 / 위쪽 / 아래쪽 대신 사용됩니다. 적어도 내 버전의 FF에서는 왼쪽 / 오른쪽 / ... CSS를 바꿔서 사용하도록 강요합니다. GrabzIt는이 속성을 인식하지 못하므로 Firefox 사용자에게는 이미지가 올바르지 않습니다.

다른 사람이 이것을 경험하고 해결책을 가지고 있습니다.

Corey Alderin이 18 9 월 수요일, 2019 11 : 00 : 32 AM에 요청

아마도 외부 CSS 파일에서 변경하기 쉬운 CSS 코드를 넣고 HTML에서 그런 식으로 참조합니까?

GrabzIt Support에서 18 9 월 수요일 2019 11 : 22 : 48 AM에 응답

내 경우에는 작동하지 않습니다. 항상 같은 것은 아니기 때문에 CSS를 인라인으로 만들어야합니다. 사용자에 따라 다릅니다.

Corey Alderin이 18 9 월 수요일, 2019 12 : 11 : 07 PM에 응답

내 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 Support에서 18 9 월 수요일 2019 12 : 24 : 10 PM에 응답

나는 이것을 더 많이 테스트 해 왔으며 사용자가 div를 움직일 때 이런 일이 발생하는 것으로 보입니다. 내 응용 프로그램을 사용하면 요소를 이동할 수 있으며 Firefox가 변경 할 때입니다. 아마도 이것을 설명하기 위해 코드를 약간 변경할 수 있습니다.

Corey Alderin이 18 9 월 수요일, 2019 05 : 01 : 42 PM에 응답