FireBug
כמעט כולם מכירים את FireBug, תוסף פיירפוקס משובח שמאפשר לדבאג קוד ג'אווה-סקריפט שרץ בדפדפן, כולל נקודות עצירה ומה לא.
בנוסף, FireBug מאפשר שיטוט בעץ הDOM (עץ הדומים), סקירה ושינוי של אובייקטים בדף, בדיקה של זמני תגובה של קריאות אג'קס, בדיקה של הCSS ועוד המון.
זה כלי חובה לכל מי שמפתח מפעם לפעם משהו שרץ בדפדפן.
Web developer
עוד כלי חובה למפתחי אתרים, WD מאפשר לחקור ולשנות דפים, לערוך קוקיות, לבטל סקריפטים ואפילו לערוך CSS בזמן אמת.
אחד התכונות השימושיות ביותר היא היכולת להציג את הקוד שנוצר בדפדפן על ידי סקריפטים (Generated code), שאותו לא תראו על ידי הצגה רגילה של הקוד.
עוד תכונה שימושית היא היכולת לשלוח בקלות את הדף לבדיקת תקינות בW3C, גם אם מדובר בדף מקומי (שלא זמין מהאינטרנט).
WD מלא בתכונות שימושיות אחרות, את חלקן אני אפילו לא מבין.
בכל אופן, WD הוא כלי חובה למפתחי אתרים.
TemperData
TemperData הוא שמתאים במיוחד להאקרים או סתם סקרנים, שרוצים לבדוק "מה יקרה אם".
הוא מאפשר לשלוט על הנתונים שהדפדפן שולח לשרת (תוכן הפוסט, קוקיות, שדות HTTP וכו'), ובכך לעקוף את הלוגיקה שמי שפיתח את השרת שתל בצד הלקוח.
בצורה כזו, ניתן במקרים רבים להגיע למקומות אליהם לא חשבו שתגיעו, ולעשות דברים שלא הייתם אמורים לעשות – אם אתם יורדים לסוף דעתי.
כמובן, TemperData מאפשר גם לשחק עם הדפדפן מול השרת שלכם, ולפשט בדיקות מסויימות.
YSlow
YSlow הוא תוסף לFireBug שפותח על ידי Yahoo.
YSlow נותן עצות שימושיות למדי שיאפשרו לכם להאיץ את הזמן בו האתר שלהם נטען.
לא שימושי כמו הקודמים, אבל נחמד.
תודה רבה עמרי.
אני משתמש רק ב-fireBug והתקנתי גם את YSlow כשהוא יצא אבל עוד לא יצא לי ממשק לשחק איתו, כי כרגע אין לי על מה.
generated code זה בעצם ה-DOM Inspector שיש בFireBug רק בצורת טקסט ויש עוד מלא תכונות שקיימות ב-WDT שמצאתי שניתן לעשות אותם ב-FireBug
כמו שינוי עוגיות (הרצת document.cookie ב-console), שינוי CSS (של Firebug אפילו יותר טוב ולא תופס לי sidebar!)
ועוד כמה דברים שאני כבר לא זוכר.
ניר, יש כמה הבדלים בין generated code לבין DOM tree.
עם הראשון, אתה יכול לבדוק תקינות יחסית בקלות עם המאמת של W3C, חוץ מזה, לפעמים יותר קל לקרוא טקסט (ולחפש בו) מאשר לטייל בעץ.
אני חושב ששני הכלים שימושיים, וחיים טוב ביחד.
באתי להגיב ששכחת משהו. אבל אז הבנתי שפשוט לא קראת לו נכון. קוראים להרחבה Web Developer. בלי החלק של ה ToolBar [אולי אתה לא יודע, אבל אפשר לבטל את הסרגל ולהשתמש בה רק בעזרת קיצורים או הסרגל בלחיצה על מקש העכבר הימיני].
אני מסכים בהחלט שהדבר מאוד שימושי, אני לא יודע איך הייתי מסתדר בלי זה.
אבל הרחבה נוספת שמאוד חשובה ולא הזכרת היא HTML Validator A.K.A Tidy שאפשר למצוא פה: http://users.skynet.be/mgueury/mozilla/
ל Firebug לא מצאתי שימושיות מיוחדת בגלל שאני סולד מ JavaScript.
באג, תודה – תוקן.