Web Yakalama ve Dönüştürme Araçları
Grabz's Çevrimiçi Topluluğu

Firefox'ta pozisyon sorunu

Bazı durumlarda ekranın Firefox'ta düzgün çalışmasını sağlamakla ilgili bir sorun yaşıyorum. 

Firefox, başka hiçbir tarayıcının kullanmadığı bir "ek" CSS özelliğini kullanır (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). Sol / sağ / üst / alt yerine kullanılır. En azından benim FF versiyonumda, herhangi bir sol / sağ / ... CSS'yi değiştirerek kullanılmaya bile zorluyor. GrabzIt bu özelliği tanımıyor ve bu nedenle görüntü Firefox kullanıcıları için doğru değil. 

Bunu başkası yaşadı ve bir çözümü var.

18 Eylül 2019 tarihinde Corey Alderin tarafından sorulmuştur

Belki de harici bir CSS dosyasında değişiklik yapıp kabul edilemeyecek CSS kodunu yazıp HTML'nizde bu şekilde kullanabilirsiniz

18 Eylül 2019'da GrabzIt Destek tarafından cevaplandı

Bu benim durumumda işe yaramaz. Css'in satır içi olmasına ihtiyacım var çünkü her zaman aynı değil. Kullanıcıya göre değişir. 

18 Eylül 2019'da Corey Alderin tarafından cevaplandı

FireFox versiyonumda bununla test ettim:

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

Gönderilen veriler şuydu:

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

Gönderilen herhangi bir iç metin gönderilmedi.

 

18 Eylül 2019'da GrabzIt Destek tarafından cevaplandı

Bunu daha fazla test ediyordum ve kullanıcı bir div hareket ettiğinde bunun gerçekleştiği anlaşılıyor. Uygulamam öğelerin taşınmasına izin veriyor ve Firefox bu değişikliği yaptığında. Muhtemelen bunu hesaba katmak için kodumda bazı değişiklikler yapabilirim. 

18 Eylül 2019'da Corey Alderin tarafından cevaplandı