כלים לבוני אתרים

מתוך וויקי
גרסה מ־10:02, 3 באוקטובר 2006 מאת צחי (שיחה | תרומות) (תיעוד: קישור קצר, עיצוב)

(הבדל) → הגרסה הקודמת | הגרסה האחרונה (הבדל) | הגרסה הבאה ← (הבדל)
קפיצה אל: ניווט, חיפוש

הרחבות

  • FireBug - הרחבה מצוינת ל-Firefox הכוללת מנפה שגיאות (debugger), חלון דו-שיח של JavaScript וכלי לצפיה ב-DOM.
  • PNH Toolbar - סרגל כלים עם מגוון רחב של עזרים לבוני אתרים. גרסאות נפרדות ל־Mozilla ול־Firefox.
  • Web Developer Toolbar - סרגל כלים נוסף המכיל את כל האפשריות של PNH Toolbar ובנוסף להן גם: תפריט (מצטרף אל תפריט Tools ואל התפריט ההקשרי של הדפדפן), אפשרות לשינוי קיצורי המקשים ועוד.
  • DOM Inspector - הרחבה שניתן להתקין בזמן התקנת הדפדפן, או בנפרד מאוחר יותר, המזהה חלקים בדף ומספקת עליהם מידע מגוון.
  • JavaScript Console - כלי למעקב אחר שגיאות JavaScript‏.
  • Venkman JavaScript Debugger - סביבת פיתוח מעולה ל-JavaScript הכוללת מנפה שגיאות מתקדם.

סימניות חכמות (Bookmarklets)

סרגלי צד

האתר DevEdge מארח סרגלי־צד שמספקים למשתמשי מוזילה, נטקסייפ 7 ו־Firefox חומר עיון מיידי בנושא תקני ה־W3C בנושא HTML 4.01,‏ CSS 2,‏ CSS 2.01 וה־DOM וחומרים נוספים:

(אתר DevEdge נסגר לאחרונה על ידי AOL, ותוכנו הועבר לידי mozilla.org. עד שאתר המפתחים החדש של mozilla.org יעלה לאוויר, מצורף קישור לאתר הארכיון.)

סרגלי הצד

כלים המגיעים עם הדפדפן

Mozilla Suite ו-Firefox מגיעים עם מספר כלים מובנים המיועדים למפתחי אתרים:

  • Venkman, מנפה הבאגים ל-JavaScript, הוא הדיבאגר החזק ביותר הקיים כיום לקוד JavaScript, וכולל כלים המקובלים בסביבות פיתוח לשפות המיועדות לפיתוח שולחני, כמו נקודות עצירה, כניסה לפונקציות, וכו'.
  • DOM Inspector מאפשר לחקור את המבנה ההיררכי של מסמך HTML ואת התכונות של כל תגית, כדי להקל על זיהוי בעיות.
  • מסוף JavaScript מאפשר לראות את כל ההתראות על שגיאות JavaScript ו-CSS שהתגלו בזמן פיענוח הדף, ואת דרגת חומרתן.

מדריכים

תיעוד

ראו גם


קישור קצר לדף זה: ToolsForWebDevelopers

תרמו לדף זה: Mano ואחרים.