תפריט מפתחי האינטרנט של פיירפוקס מכיל כלים לבדיקת עמודים, ביצוע קוד JavaScript שרירותי ולצפייה בבקשות HTTP והודעות אחרות. Firefox 10 הוסיף כלי מפקח חדש ומשטח גירוד מעודכן.
התכונות החדשות של מפתחי האתרים של פיירפוקס, בשילוב עם תוספות מדהימות של מפתחי אתרים כמו Firebug וסרגל הכלים למפתחי אתרים, הופכות את פיירפוקס לדפדפן אידיאלי עבור מפתחי אתרים. כל הכלים זמינים תחת מפתח אינטרנט בתפריט של Firefox.
מפקח עמודים
בדוק אלמנט ספציפי על ידי לחיצה ימנית עליו ובחירה לִבדוֹק (או לחיצה ש ). אתה יכול גם להפעיל את מְפַקֵחַ מתפריט מפתח אתרים.
תראה סרגל כלים בתחתית המסך, שבו אתה יכול להשתמש כדי לשלוט על המפקח. האלמנט שבחרת יודגש ואלמנטים אחרים בדף יעומעמו.
אם ברצונך לבחור אלמנט חדש, לחץ על לִבדוֹק בסרגל הכלים, העבר את העכבר מעל הדף ולחץ על האלמנט שלך. Firefox מדגיש את האלמנט שמתחת לסמן שלך.
תוכל לנווט בין אלמנטים של הורה לילד על ידי לחיצה על פירורי הלחם בסרגל הכלים.
מפקח HTML
לחץ על HTML כדי להציג את קוד ה- HTML של האלמנט שנבחר כעת.
מפקח ה- HTML מאפשר לך להרחיב ולכווץ את תגי ה- HTML, מה שמקל על התמונות במבט אחד. אם אתה רוצה לראות את ה- HTML של הדף בקובץ שטוח, אתה יכול לבחור ראה את מקור העמוד מתפריט מפתח אתרים.
מפקח CSS
לחץ על סִגְנוֹן כדי לראות את כללי ה- CSS החלים על האלמנט שנבחר.
יש גם לוח מאפייני CSS - החלף בין השניים על ידי לחיצה על כללים ו נכסים כפתורים. כדי לעזור לך למצוא מאפיינים ספציפיים, חלונית המאפיינים כוללת תיבת חיפוש.
תוכלו לערוך את ה- CSS של האלמנט באופן תקיף מחלונית הכללים. בטל את הסימון של אחת מתיבות הסימון כדי להשבית כלל, לחץ על הטקסט כדי לשנות כלל, או הוסף כללים משלך לאלמנט שבראש החלונית. הנה, הוספתי את מודגש; כלל CSS, מה שהופך את הטקסט של האלמנט למודגש.
משטח גירוד של JavaScript
לוח השריטות ראה גם עדכון עם Firefox 10, וכעת מכיל הדגשת תחביר. באפשרותך להקליד קוד JavaScript להפעלה בדף הנוכחי.
ברגע שיש לך, לחץ על לבצע בתפריט ובחר לָרוּץ. הקוד פועל בכרטיסייה הנוכחית.
קונסולת אינטרנט
מסוף האינטרנט מחליף את מסוף השגיאות הישן, שהוצא משימוש ויוסר בגירסה עתידית של Firefox.
המסוף מציג ארבעה סוגים שונים של הודעות, שאותם תוכלו להחליף בין נראות - בקשות רשת, הודעות שגיאה CSS, הודעות שגיאה ב- JavaScript והודעות מפתח אינטרנט.
מהי הודעה של מפתח אתרים? זו הודעה המודפסת לאובייקט window.console. לדוגמה, נוכל להפעיל את window.console.log ("שלום עולם"); קוד JavaScript ב- Scratchpad כדי להדפיס הודעת מפתח למסוף. מפתחי אתרים יכולים לשלב את ההודעות בקוד ה- JavaScript שלהם כדי לעזור באיתור באגים.
רענן את הדף ותראה את בקשות הרשת שנוצרו והודעות אחרות.
השתמש בתיבת החיפוש לסינון ההודעות; לחץ על בקשה אם ברצונך לראות פרטים נוספים.
החל מ- Firefox 10, קונסולת האינטרנט יכולה לעבוד במקביל למפקח הדפים. המשתנה $ 0 מייצג את האובייקט שנבחר כעת במפקח. כך, למשל, אם תרצה להסתיר את האובייקט שנבחר כעת, תוכל לרוץ $ 0.style.display = ”none” בקונסולה.
אם אתה מעוניין ללמוד עוד על השימוש בקונסולה ובפונקציות המובנות שלה, עיין ב דף קונסולת האינטרנט באתר רשת המפתחים של מוזילה.
קבל כלים נוספים
ה קבל כלים נוספים אפשרות תוביל אותך לאוסף התוספות של ארגז הכלים של מפתח האינטרנט באתר התוספות של Mozilla. הוא מכיל חלק מה- התוספות הטובות ביותר עבור מפתחי אתרים , כולל Firebug וסרגל הכלים למפתחי אתרים.
אם אתה משתמש ב- Firefox כמה שנים, ייתכן שאתה זוכר את ה- DOM Inspector. כלי המפתחים המשולבים של פיירפוקס עברו כברת דרך מאז.
