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

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

1.מַבעִיר

עם Firebug, אתה יכול לערוך את ה-CSS, HTML ו-JavaScript בכל דף אינטרנט בשידור חי מבלי לנווט לאפליקציה אחרת. ניתן לבצע שינויים ולצפות בהם בזמן אמת. התוסף מגיע גם עם כלים לניתוח פעילות ברשת ופרופיל ביצועים של JavaScript. כמו דפדפן פיירפוקס עצמו, ניתן להרחיב את Firebug עם תוספים המוסיפים תכונות חדשות.

2.מפתח אתרים

התוסף Web Developer הוא התוסף העוצמתי והדינמי ביותר ברשימה זו; הוא מוסיף סרגל כלים המאפשר לך לעשות דברים שימושיים רבים.

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

3.ColorZilla

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

4.אימות HTML

HTML Validator מופיע כסמל בשורת המצב, ומציג את מספר שגיאות ה-HTML שבהן נתקל Firefox בעת פתיחת דף אינטרנט. לאחר מכן תוכל לצלול לתוך קוד ה-HTML כדי לחקור מה גרם לשגיאות.

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

5.FireFTP

FireFTP הוא לקוח FTP (פרוטוקול העברת קבצים) בעל מאפיינים נאותים שפועל בתוך Firefox. כאשר אתה מפעיל אותו, הוא מופיע כחלון נוסף בדיוק כמו מנהלי הסימניות או ההורדות של Firefox. התכונות אינן מוגבלות רק ליסודות; אתה יכול לבצע בדיקות תקינות או חיפושים, לסנכרן ספריות תוך כדי ניווט, להשוות ספריות וכן הלאה. תוסף זה אמור לענות על הצרכים של רוב משתמשי ה-FTP.

6.כרטיסיית IE

דפדפן אינטרנט אקספלורר של מיקרוסופט בקושי נמצא בשימוש על ידי מפתחי אינטרנט, אך זהו הדפדפן הפופולרי ביותר בעולם בכללותו. עם IE Tab אתה יכול לפתוח כל אתר בכרטיסייה שפועלת בפועל IE במקום Firefox. כך, אתה יכול בקלות רבה יותר לוודא שהאתר שלך פועל כהלכה עבור מיליוני אנשים שאינם משתמשים ב-Firefox.

שים לב ש-IE Tab אינו זמין עבור Mac או Linux, מכיוון שאתה צריך להתקין את IE כדי שהוא יעבוד ואין גרסאות נתמכות כרגע של IE עבור מערכות הפעלה שאינן Windows.

7.למדוד את זה

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

8.Greasemonkey

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

9.הצג תרשים מקור

כאשר אתה מסתכל על המקור של דף אינטרנט באמצעות הכלים הרגילים של Firefox, אתה מקבל גוש עצום של טקסט בקושי מאורגן; זה לא קל מאוד לסרוק ולחפש משהו ספציפי. הצג תרשים מקור מציג את קוד המקור של דף אינטרנט בקבוצה של מחיצות צבעוניות מחולקות בצורה חכמה. הוא מייצג חזותית את גבולות התגים ומבנה ה-DOM כך שתוכל לנווט ביעילות מבלי ללכת לאיבוד ברעש.

10.ארדווארק

השתמש ב-Aardvark כדי לבחור אלמנטים באתר ולבצע בהם כל אחת מתוך מבחר רחב של פונקציות. אתה פשוט לוחץ על אלמנט ולחץ על אחד מכמה קיצורי מקשים. האפשרויות כוללות לחיצה על R כדי להסיר את האלמנט, W כדי להרחיב אותו, I כדי לבודד אותו או V כדי להציג את המקור של האלמנט. לחיצה על H עבור "עזרה" מעלה רשימה של כל 14 קיצורי הדרך.

סדרה נתמכת על ידי Rackspace