צור את

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

צור פרופיל נפרד עבור פיתוח אינטרנט

התקנת כל כלי הפיתוח האלה תהפוך את Firefox לדפדפן כבד מאוד, לכן תחילה עלינו ליצור פרופיל חדש עבור Firefox.

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

firefox.exe -P WebDev -no-remote

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

יש צורך הרחבות אינטרנט פיתוח

כל אלה הם הרחבות שאני משתמש על בסיס קבוע לפיתוח אינטרנט.

Firebug

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

הרחבת מפתח אינטרנט

אחד ההרחבות הטובות ביותר עבור x שנים פועל. זה חייב להיות עבור כל מפתח, אבל כבר שמעת על זה.

Aardvark הרחבה

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

צבע

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

הצג מקור עם

באפשרותך להגדיר פרופילי מקור תצוגה מרובים כדי לפתוח את המקור ביישומים שונים.

HTML Validator

תוסף זה מאפשר לך לאמת בקלות את ה- HTML של הדף שלך ומתקין בחלונית 'הצג מקור'.

Greasemonkey

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

למדוד את זה

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

IE View / IE הכרטיסייה / אופרה / תצוגה מקדימה של / תצוגת ספארי / IE צפה לייט

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

נקה לחצן מטמון

מנקה את המטמון. שימושי במיוחד לבדיקת שינויים חדשים ב- CSS.

הפעל מחדש את Firefox

אתחול מחדש של Firefox הוא מאוד שימושי עבור סגירה והפעלה מחדש של Firefox עם כל הכרטיסיות ואת הפגישות ללא פגע.

טאב מיקס פלוס

תוסף Tab Plus Plus הוא הרחבה גדולה באופן כללי, אך יש בו כמה תכונות שימושיות עבור מפתחי אינטרנט: הכרטיסייה 'שכפל' ו'כתובת אתר של הכרטיסייה 'העתק'.

YSlow

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

דום לורם איפסום

תוסף גנרטור Dummy Lipsum יפיק תוכן דמה עבורך בהתבסס על טקסט Lorem Ipsum המפורסם, שהוא מאוד שימושי עבור הנחת תוכן מזויף באתר שלך.

מסך!

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

 

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

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