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

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

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

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

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

По запросу Кори Алдерина 18 сентября 2019 года

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

Ответ от GrabzIt Support 18 сентября 2019 г.

В моем случае это не сработает. Мне нужно встроить css, потому что он не всегда один и тот же. Он меняется в зависимости от пользователя. 

Ответ от Кори Алдерина 18 сентября 2019 года

В моей версии 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 сентября 2019 г.

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

Ответ от Кори Алдерина 18 сентября 2019 года