כלים ללכידה ולהמרה של האינטרנט
הקהילה המקוונת של GrabzIt

פיירפוקס בעיות בעמדה

שאל שאלות כיצד ללכוד או להמיר דפי אינטרנט או HTML into תמונות, מסמכי CSV, PDF או DOCX וכן כיצד להמיר סרטונים into GIF מונפשות באמצעות ה- API שלנו.

יש לי בעיה לגרום לצילום המסך לעבוד כראוי בפיירפוקס במצבים מסוימים. 

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