צור את

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

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

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

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

firefox.exe -P WebDev -no-remote

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

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

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

Firebug

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

Web Developer Extension

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

Aardvark Extension

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

Colorzilla

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

הצג מקור עם

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

HTML Validator

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

Greasemonkey

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

מדוד את זה

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

/ הצג את / / פיירפוקס

/ הצג / IE View Lite

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

Clear Cache Button

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

הפעל מחדש את Firefox

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

טאב מיקס פלוס

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

YSlow

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

דומם לורם Ipsum

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

מסך!

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

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

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