Chrome לא כל כך גדול בכלים למפתחים ו-זו אחת הסיבות לכך ש- Firefox הוא הדפדפן המקוון עבור מרבית המפתחים. עם זאת, למי שמשתמש בכרום, קיימות הרחבות רבות העומדות לרשותם בנושא זה. מפקח מגיב הוא סיומת של Chrome שיכולה להתמודד בצדק עםתצוגה רספונסיבית תצוגה שמוצ'ילה הציגה בפיירפוקס 15. מפקח רספונסיבי הוא כלי דו-אחד; הוא מראה לך את גדלי המסך שאליו מותאם אתר ומאפשר לך לעבור לגודל אחר מהקופץ. יתר על כן, זה יכול לקחת צילומי מסך של דף אינטרנט המותאם לכל אחד מאותם גדלים. באתרים שכבר מותאמים במיוחד לגדלי מסך מסוימים, אתה יכול להציג את קוד ה- CSS האחראי לכך, מה שהופך אותו לכלי למידה נהדר גם למפתחי עיצוב מגיבים.
מפקח מגיב מוסיף כפתור מרובע לידסרגל הכתובות שפותח חלון קופץ. התוסף מראה לך את כל גדלי המסך שהאתר הטעון כעת מותאם עבורם באמצעות סורגים. גודל המסך כתוב בסוף כל סרגל, וסולם פיקסל בחלקו העליון מראה לכם גדלי מסך שונים. העבר את העכבר מעל הסקאלה ולכל קו כיול, יופיע פופ שיראה לך את גודל המסך שהוא מייצג. באותו חלון קופץ זה, יש כפתור שינוי גודל כמו גם כפתור מצלמה. לחיצה על הקודמת תשנה את גודל גודל חלון הדפדפן שלך באופן אוטומטי לרוחב זה. לאחר מכן תוכל ללחוץ על כפתור המצלמה כדי לצלם צילום מסך שלו, אם תרצה. ניתן לשמור את המסך בכונן המקומי שלך, או להעלות אותו ל- Behance.net. אם אתה מרגיש צורך בסולם פיקסל עדיף יותר, לחץ על כפתור הזום כדי להגדיל אותו.
לצפייה ב- CSS המשמש לקידוד אפשרויות הצפייה,רחף עם העכבר מעל אחד הסורגים המייצגים גודל מסך שאליו עברו אופטימיזציה לאתר ותראה כפתור {} בסוף. לחץ עליו כדי להציג את קוד ה- CSS בלשונית חדשה. הקוד אינו ניתן לעריכה ישירות, אך ניתן להעתיק אותו או להשתמש בכלי לבדוק כדי לבצע שינויים. מפקח רספונסיבי מחקה את תצוגת העיצוב המגובש בפיירפוקס בצורה די טובה; למעשה, לא יהיה זה נכון לומר שהסיומת היא חתך מעל הכלי. במקום בו פיירפוקס נותן לך קביעות מוגדרות מראש בגודל המסך, המפקח המגיב נותן לך סולם שלם והרבה חופש, ואז יש את כלי המסך. הגדרות קבועות מראש היו הופכות את המפקח התגובה להרבה יותר שימושי ויש להוסיף אותו. למרות שגם בלי אלה, התוסף פועל בצורה יוצאת דופן.
התקן מפקח רספונסיבי מחנות האינטרנט של Chrome
הערות