כשהוא מוגדר כראוי, Firefox יכול להפוך לכלי האולטימטיבי לפיתוח אתרים, ולתת לך גישה ישירה לדף שאתה עובד עליו, כך שתוכל לעצב את הדף שלך בזמן אמת, לפתור באגים ב- JavaScript או אפילו לערוך את ה- HTML.
צור פרופיל נפרד לפיתוח אתרים
התקנת כל כלי הפיתוח הללו תהפוך את Firefox לדפדפן כבד מאוד, לכן עלינו ליצור קודם פרופיל חדש עבור Firefox.
אתה יכול להפעיל פרופיל נפרד במקביל לפרופיל הרגיל שלך על ידי יצירת קיצור דרך חדש עם ארגומנטים אלה, ולהחליף את WebDev בשם הפרופיל שלך. יש גם א הסבר מפורט יותר איך לעשות זאת.
firefox.exe - P WebDev - אין מרחוק
כעת, לאחר שהגדרת את פיירפוקס עם פרופיל נפרד רק לפיתוח אתרים, בואו נסתכל על התוספים שאנו יכולים להשתמש בהם כדי להפוך את פיירפוקס לכלי פיתוח אתרים אולטימטיבי.
תוספות חובה להתפתחות אינטרנט
כל אלה תוספים בהם אני משתמש באופן קבוע לפיתוח אתרים.
Firebug הוא התוסף החזק ביותר לניפוי באגים של JavaScript, צפייה ב- CSS ו- html. באפשרותך לבצע שינויים דינמיים בקוד וב- CSS, ולהשתמש בו לניפוי באגים בקוד Ajax שלך. זו באמת הרחבה הטובה ביותר שיש.
אחת התוספות הטובות ביותר מזה x שנים. זהו חובה לכל מפתח, אך כבר שמעתם עליו.
תוסף זה הוא סיומת קלה מאוד שתראה לך בקלות את האלמנטים בדף ואת המחלקה / מזהה שהוקצו להם. זה פשוט יותר לשימוש מאשר התוסף למפתחי אתרים בזמנים שבהם אתה רק צריך מידע מהיר עבור אלמנט. אתה יכול גם להשתמש בו כדי להסיר אלמנטים מהדף.
בחר צבעים בקלות. לא עוד כאב למצוא צבעים מוטבעים אי שם בגליון סגנונות.
ניתן להגדיר מספר פרופילי מקור תצוגה לפתיחת המקור ביישומים שונים.
תוסף זה מאפשר לך לאמת בקלות את HTML הדף שלך והתקנות בחלונית View Source.
זה לא בדיוק סיומת למפתחי אתרים, אבל Greasemonkey הוא מדהים, לא מעט בזכות היכולת לבצע פעולות אוטומטיות שבוצעו בדרך כלל, וזה חיסכון בזמן מצוין עבור מפתחי אתרים.
למדוד מרחק מרחק על המסך בעזרת הרחבה זו. לאחר שמדדת שטח, אתה יכול לגרור את המלבן סביב המסך כדי להשתמש בו כהשוואה.
תצוגת IE / כרטיסיית IE / OperaView / FirefoxView / נוף ספארי / IE View Lite
תוספים אלה (בחר בבחירתך) מאפשרים לך להציג בקלות את הדף הנוכחי בדפדפנים שונים. כרטיסיית IE תאפשר לך אפילו להריץ IE בתוך כרטיסייה, אם היית נוטה כל כך.
מנקה את המטמון. שימושי במיוחד לבדיקת שינויים חדשים ב- CSS.
התוסף Restart Firefox הוא מאוד שימושי לסגירה ולהפעלה מחדש של Firefox עם כל הכרטיסיות וההפעלות שלמות.
סיומת Tab Mix Plus היא הרחבה נהדרת באופן כללי, אך יש לה כמה תכונות שימושיות בעיקר עבור מפתחי אתרים: כרטיסייה כפולה וכתובת URL להעתקה.
התוסף YSlow הוא סיומת חדשה מ- Yahoo שתנתח את הדף שלך ותגיד לך היכן אתה עושה טעויות. זה אפילו ייתן לך ציון על ביצועי האתר שלך. תבחין במד הקטן בפינה הימנית התחתונה ... הוא אומר לך את הגודל הכולל של הדף שלך כמו גם את זמן הטעינה. סיומת שימושית מאוד, אך היא מצריכה את סיומת Firebug.
סיומת הגנרטור Dummy Lipsum תיצור עבורך תוכן דמה בהתבסס על הטקסט המפורסם של Lorem Ipsum, שימושי מאוד להנחת תוכן מזויף באתר שלך.
התוסף Screengrab יאפשר לך לצלם צילומי מסך של עמודים, אך יכול לעשות דבר שכלי צילום מסך רגיל לא יכול - הוא יכול לצלם תמונה של כל העמוד, ולא רק את החלק הניתן לצפייה.
יש טונות של הרחבות אחרות שתוכלו להשתמש בהן, אך אלה הן הטובות ביותר מכל מה שראיתי. אם יש לך תוסף אחר שבו אתה משתמש באופן קבוע, השאר אזכור בתגובות.
בשלב זה, הפכת כעת את Firefox לכלי פיתוח אתרים אולטימטיבי. קח את הזמן ללמוד כיצד להשתמש במיוחד ב- Firebug.
