[מדריך] שימוש בFireBug
Firebug הוא תוסף לFirefox המאפשר עריכה בזמן אמת של קוד הHTML והJS.
חוסך בעיקר את רצף הפעולות של שינוי קוד בNOTEPAD, שמירה ורענון בדפדפן.
אז נתחיל, קודם כל אתם צריכים שיהיה לכם דפדפן FireFox.
אפשר להוריד את הגירסא האחרונה מכאן: http://www.mozilla.com/en-US/firefox/?from=getfirefox .
אחרי לחיצה על הלינק תראו את חלון ההורדה, תבחרו בפתח או שמור(לא משנה).
לאחר סיום ההורדה תפתחו את הקובץ ההתקנה.
בהתקנה לחצו NEXT על כל שלב, בסיום ההתקנה פתחו את FIREFOX בעזרת קיצור הדרך שעל שולחן העבודה() אמור להופיע לכם חלון להעברת מידע מIE לFF, אם אתם רוצים להעביר את המידע בחרו את מה שתרצו להעביר ולחצו NEXT.
עכשיו נוריד את תוסף הFIREBUG.
את התוסף אפשר להוריד מכאן: https://addons.mozilla.org/he/firefox/addon/1843 .
תצטרכו לאשר את הורדת התוסף.
להמתין לסיום ההורדה.
ולאתחל את FIREFOX.
לאחר איתחול FIREFOX תראו אייקון חדש בתחתית החלון.
לחצו עליו ותראו את קוד המקור של הדף הנוכחי.
הקוד מקובץ לפי תגיות, תוכלו להרחיב את הקוד על ידי לחיצה על הפלוסים(+).
עכשיו לחלק המעניין, פתחו איזה אתר שתרצו, במקרה שלנו IATARF.
אתם אמורים לראות את הקוד המקור של האתר.
אם תלחצו על Inspect תוכלו לבחור קטע קוד מתוך האתר.
לאחר לחיצה על Inspect הזזתי את הסמן לקטע הטקסט "פנאי ותחביבים".
Firebug סימן את קטע הקוד הHTML בחלון.
עכשיו נוכל לשנות את הקוד.
הערה: כל השינויים שתעשו לא ישמרו על האתר!!!
השינויים יראו רק במחשב שלכם וימחקו לאחר ריענון או יציאה מהאתר.
עכשיו נלחץ קליק ימני על קטע הקוד המסומן ונבחר Edit HTML...
אתם אמורים לראות משהו כזה:
אם תשנו את הקוד מראה האתר ישתנה בהתאם.
מכאן אתם יכולים לשחק עם זה כמה שאתם רוצים
מקווה שעזרתי, כל הזכויות שמורות לי.
ציטוט ההודעה
נכתב במקור על ידי אושרי
עוד אין לך 
