Web Developer Toolbar for Firefox

Web Developer Toolbar for Firefox מופיע לעתים קרובות כאחד must-have כלים עבור מפתחי אינטרנט. לאחר שימוש בסרגל הכלים בתוך סביבת תכנון שלי, אני כל-heartedly מסכים. זה חותך בחזרה זמן הפיתוח על ידי שעות. מה זה עושה משימות יכול להיות מייגע, כמעט כיף. זה מאפשר לי מהר להציץ באתר אינטרנט בחלון בגדלים שונים. זה עוזר לי באגים ולאמת קוד JavaScript ו-CSS.

Chris Pederick פיתחו Toolbar for Firefox. הנה מה את סרגל הכלים נראה כמו:

הערה: זה אחד לבר בחלקו העליון של חלון הדפדפן. זה מוצג מעל שתי תמונות כדי שתוכל לראות את הבר כולו.

כפי שאתה יכול לראות, היא מגיעה עם אפשרויות רבות. אמנם לא השתמשתי כל האפשרויות של סרגל הכלים מספקת, תן לי רשימה של כמה המועדפים שלי.

זמן נדל CSS באגים. בעת הצגת דף האינטרנט שלי, אני יכול לעדכן את קובץ ה-CSS זה מראה עד השמאלי (או התחתון) של דף האינטרנט (מסרגל הכלים, לבחור ב-CSS / עריכת CSS) ולראות תוצאות מיידיות בחלון הדפדפן. זה נהדר ופתרון בעיות עבור יורד אל nitty-גרגירי איך אלה תוספת של 10 פיקסלים ריפוד משפיע על דף האינטרנט שלי. למרות שאני לא יכול להציל מיד עדכונים ב-CSS שלי, אני יכול בקלות להעתיק את השינויים כי אני יודעת כבר לעבוד ולהדביק אותם בגליון CSS בסגנון פתוח עורך האינטרנט שלי.

Validators. הימנית העליונה של סרגל הכלים של מראה אדום / ירוק כפתורים כדי לציין את תוקפו של קוד קוד CSS ו-Javascript. אם כפתור אדום, אני פשוט העכבר מעל כפתור והוא מיד אומר לי את השגיאה היא למצוא. אני יכול ללחוץ על מסוף שגיאה כדי לברר פרטים נוספים, לחזור קוד (CSS או JavaScript), לבצע את השינוי, לרענן את חלון הדפדפן ולצפות על כפתור (s), בתקווה, יתחלף לירוק. הקלות של באגים בקוד מדהים - והוא בדרך כלל נפתרת במהירות.

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

Small Screen Rendering. אני יכול גם לראות מה האינטרנט שלי נראה כמו במכשיר נייד עם לחץ על כפתור אחת. Small Screen Rendering אפשרות זו זמינה תחת תפריט שונות.

משתלב עם ג 'ומלה. החביב הזה הוא למעשה זהה אחד הראשונים שפורטו לעיל, אלא בתוך סביבה מסוימת. The Web Developer Toolbar יסולא בפז בתוך הסביבה ומלה. בלי הכלים, אני כל הזמן הולך אל ג 'ומלה, לנווט הרחבות / Template Manager, לבחור את התבנית המתאימה, עושה מה שאני חושב הן את השינויים הדרושים, לשמור אותה, ואז חזרה בחלון דפדפן ולבדוק את התוצאות. וואו! עם סרגל הכלים של המפתחים, אני פשוט בחר 'עריכה CSS' מתוך תפריט ה-CSS, לבצע את השינויים הדרושים, ולהציג את התוצאות. אני יכול להמשיך לכוונן את ה-CSS עד שזה בסדר. לא הולך הלוך וחזור בין חלונות ויישומים. לאחר CSS הוא הנכון, אני פשוט להדגיש את השינויים, העתק את הקוד, והדבק אותו בתוך ה-CSS בתוך תבנית ג 'ומלה. זה יותר מהר. זה קל יותר. זה מאוד פשוט.

זה רק קצה הקרחון של מה זה יכול לעשות את סרגל הכלים עבור מפתחי אינטרנט. הוא קל להתקנה וקל לשימוש. אני מומלץ והופכים אותו חלק של סביבת הפיתוח שלך. זה זמין ב ב https: / / addons.mozilla.org/en-US/firefox/addon/60.