ברצוני לשתף אתכם בטריק מגניב עבור Mozilla Firefox שיכול להגדיל את הפרודוקטיביות שלכם ולחסוך לכם זמן. בזמן הגלישה באינטרנט, לפעמים אתה רוצה לחלוק משהו עם חבריך על ידי צילום מסך שלו. אך נדרשים כמה צעדים בכדי לצלם צילום מסך של כל הדף, לשמור אותו, לחתוך אותו וכו '. במאמר זה נראה כיצד לצלם צילום מסך של אלמנט ספציפי בדף אינטרנט מבלי להשתמש בתוספות.
פרסומת
כאשר דף אינטרנט נטען, דפדפן האינטרנט שלך יוצר דגם של אובייקט מסמך של הדף. ה- DOM בנוי כמבנה עץ שבו כל צומת הוא אובייקט המייצג חלק מהמסמך.
בואו נראה איך תוכלו להשתמש בזה בכדי ללכוד רק אלמנט ספציפי בתמונת המסך שלכם.
ל צלם צילום מסך של רכיב דף אינטרנט ספציפי ב- Firefox , בצע את השלבים הבאים:
- פתח את העמוד הרצוי ב- Firefox ולחץ באמצעות לחצן העכבר הימני על האלמנט שברצונך ללכוד.
- בתפריט ההקשר בחר 'בדוק אלמנט':
- כלי הפקח ייפתח. שימו לב שיש לו שליטה על פירורי לחם עבור צמתי העץ DOM:
- שם, אתה יכול ללחוץ לחיצה ימנית על כל אלמנט ולבחור צומת צילום מסך מתפריט ההקשר:זה בדיוק מה שאנחנו צריכים.
הדבר הנהדר בתכונה זו הוא שהיא לוכדת גם אלמנטים ארוכים, כולל רוב האלמנטים שדורשים גלילה. במקרה שלי, הנה איך נראה צילום המסך:
לחלופין, אתה יכול להשתמש במובנה צילום מסך פקודה. מוקדם יותר כתבתי כיצד לצלם צילום מסך של הדף שנפתח ב- Firefox . במאמר המוזכר, השתמשנו ב'מסך 'של הפקודה המובנית ב- Firefox כדי ללכוד את כל הדף. ניתן להשתמש באותה פונקציונליות לצילום אלמנט ספציפי בעמוד שנפתח.
- פתח את Firefox ולחץ Shift + F2 על המקלדת. Firefox יפתח קונסולה / שורת פקודה בתחתית המסך.
- הקלד את הפקודה הבאה בתוכה:
צילום מסך - 'שם' בורר
החלף את השם 'חלק' בשם הבורר המתאים. במקרה שלי, זה צריך להיות
צילום מסך - בורר 'יישומונים יישומונים> .iconlist> .iconlist-content> ul'
השיטה השנייה שימושית עבור מפתחי אתרים שיודעים את נתיב רכיב ה- DOM המדויק. המשתמש הממוצע ללא ספק יעדיף את השיטה הראשונה לצילום מסך של אלמנט דף אינטרנט ספציפי.