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.

Corey Alderin tarafından Çarşamba günü sorulur, 18 Eylül, 2019 11: 00: 32 AM

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

GrabzIt Destek tarafından Çarşamba günü cevaplandı, 18 Eylül, 2019 11: 22: 48 AM

Bu benim durumumda işe yaramaz. Css satır içi olması gerekir, çünkü her zaman aynı değildir. Kullanıcıya bağlı olarak değişir.

Cevaplayan Corey Alderin Çarşamba, 18 Eylül, 2019 12: 11: 07 PM

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.

GrabzIt Destek tarafından Çarşamba günü cevaplandı, 18 Eylül, 2019 12: 24: 10 PM

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.

Cevaplayan Corey Alderin Çarşamba, 18 Eylül, 2019 05: 01: 42 PM