Инструменты для захвата и конвертирования Интернета
Интернет-сообщество GrabzIt

Firefox проблемы с позицией

У меня проблема с получением скриншота для корректной работы с Firefox в определенных ситуациях.

Firefox использует CSS-свойство «inset», которое не используется ни одним другим браузером (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). Используется вместо левого / правого / верхнего / нижнего. По крайней мере, в моей версии FF это даже заставляет его использовать, заменяя любой левый / правый / ... CSS. GrabzIt не распознает это свойство, поэтому изображение не подходит для пользователей Firefox.

Кто-нибудь еще испытал это и есть решение.

На вопрос Кори Алдерина в среду, 18 сентябрь, 2019 11: 00: 32 AM

Возможно, поместите CSS-код, который можно изменить во внешнем CSS-файле, и сделайте ссылку на него в своем HTML-коде?

Ответ от службы поддержки GrabzIt в среду, 18, сентябрь, 2019, 11: 22: 48 AM

Это не сработает в моем случае. Мне нужно иметь встроенный CSS, потому что это не всегда то же самое. Это меняется в зависимости от пользователя.

Ответил Кори Алдерин в среду, 18, сентябрь, 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 в среду, 18 сентябрь, 2019 12: 24: 10 PM

Я тестировал это больше, и кажется, что это происходит, когда пользователь перемещает div. Мое приложение позволяет перемещать элементы, и именно тогда Firefox делает это изменение. Я, вероятно, могу внести некоторые изменения в мой код, чтобы учесть это.

Ответил Кори Алдерин в среду, 18, сентябрь, 2019, 05: 01: 42 PM