צור צילום מסך של דף אינטרנט עם מסגרת המכשיר ב-Chrome

תכונה פחות מוכרת של Google Chrome במערכות הפעלה שולחניות היא היכולת לצלם צילום מסך של דף שנפתח כאילו צילום המסך שצולם היה של הדפדפן הפועל במכשיר נייד. זה יכול אפילו להוסיף מסגרת מסביב לצילום המסך כך שזה ייראה כמו תמונה מציאותית של סמארטפון. הנה איך זה יכול להיעשות.

בכלי המפתחים של Chrome יש כלי מיוחד המאפשר לך לחקות מכשיר נייד. זה מאוד שימושי למפתחים לבדוק איך אתרי האינטרנט שלהם נראים בסמארטפונים ובמכשירי מסך קטנים. זה מאפשר לציין גודל מסך מותאם אישית או להשתמש בגדלים מוגדרים מראש של מכשירים כמו iPhone, iPad, Nexus או Galaxy של Samsung. לאחר הצגת העמוד שנפתח באמולטור המכשיר, המשתמש יכול לצלם צילום מסך של העמוד. אפשר גם לאפשר מסגרת מכשיר מסביב לדף כך שהוא ייראה כמו תמונה מציאותית.

אתה יכול לעשות זאת באופן הבא.

1. פתח את הדף הרצוי בכרום ולחץ F12. זה יפתח את כלי המפתחים:
2. לחץ על כפתור האמולטור של המכשיר הנייד כדי להחליף את מצב כלי המפתחים:
3. תחת בורר המכשירים, בחר מכשיר כלשהו. לדוגמה, אני אבחר באייפון 6:
4. כעת, לחץ על תפריט 3 הנקודות בצד ימין של בורר המכשירים וסמן את האפשרות "הצג מסגרת מכשיר":
5. וואלה, עכשיו דף האינטרנט שלך מוצג בתוך מסגרת נחמדה של מכשיר:
   
   כעת, לחץ שוב על תפריט שלוש הנקודות ובחר "ללכוד צילום מסך":

התוצאה תהיה כדלקמן:

אתה גמור.