Strumenti per acquisire e convertire il Web
La community online di GrabzIt

Problemi di Firefox con posistion

Sto riscontrando un problema a far funzionare correttamente lo screenshot su Firefox in determinate situazioni.

Firefox utilizza una proprietà CSS "inserita" che nessun altro browser utilizza (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). Viene utilizzato al posto di sinistra / destra / in alto / in basso. Almeno nella mia versione di FF, lo costringe persino ad essere utilizzato sostituendo qualsiasi CSS di sinistra / destra / .... GrabzIt non riconosce questa proprietà e quindi l'immagine non è corretta per gli utenti di Firefox.

Qualcun altro l'ha sperimentato e ha una soluzione.

Chiesto da Corey Alderin mercoledì, 18 settembre, 2019 11: 00: 32 AM

Magari metti il ​​codice CSS suscettibile di modifica in un file CSS esterno e fai riferimento in quel modo al tuo HTML?

Risposta di GrabzIt Support mercoledì, 18 settembre, 2019 11: 22: 48 AM

Non avrebbe funzionato nel mio caso. Ho bisogno di avere il CSS in linea perché non è sempre lo stesso. Cambia a seconda dell'utente.

Risposta di Corey Alderin mercoledì, 18 settembre, 2019 12: 11: 07 PM

Nella mia versione di FireFox ho provato con questo:

<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>

I dati pubblicati erano questi:

<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>

Non è stato inviato alcun inserto.

Risposta di GrabzIt Support mercoledì, 18 settembre, 2019 12: 24: 10 PM

Ho provato di più e sembra che ciò accada quando l'utente sposta un div. La mia app consente di spostare gli elementi, ovvero quando Firefox sta apportando tale modifica. Probabilmente posso apportare alcune modifiche al mio codice per tener conto di questo.

Risposta di Corey Alderin mercoledì, 18 settembre, 2019 05: 01: 42 PM