כיצד להשתמש בפיירפוקס האינטרנט כלים למפתחים

תפריט מפתחי האינטרנט של

פיירפוקס מכיל כלים לבדיקת עמודים, ביצוע קוד JavaScript שרירותי והצגת בקשות HTTP והודעות אחרות.פיירפוקס 10 הוסיף כלי מפקח חדש ומעודכן Scratchpad.

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

עמוד מפקח

בדוק אלמנט מסוים על ידי לחיצה ימנית עליו ובחירת Inspect ( או הקשה על Q ).ניתן גם להפעיל את מפקח מתפריט מפתח אינטרנט.

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

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

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

HTML Inspector

לחץ על הלחצן HTML כדי להציג את קוד ה- HTML של האלמנט שנבחר.

מפקח ה- HTML מאפשר לך להרחיב ולקרוס את תגי ה- HTML, מה שהופך אותו קל לדמיין במבט אחד.אם אתה רוצה לראות את ה- HTML של הדף בקובץ שטוח, תוכל לבחור את מקור הדף

של מתוך תפריט מפתחי האינטרנט.

CSS Inspector

לחץ על הלחצן כדי לראות את כללי CSS החלים על הרכיב שנבחר.

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

ניתן לערוך את ה- CSS של האלמנט במהירות מעוברת מהחלונית 'כללים'.בטל את הסימון של תיבות הסימון כדי להשבית כלל, לחץ על הטקסט כדי לשנות כלל, או הוסף כללים משלך אל הרכיב שבחלק העליון של החלונית.כאן, הוספתי את משקל הגופן : מודגש; כלל CSS, מה שהופך את הטקסט של האלמנט מודגש.

JavaScript Scratchpad

-ה Scratchpad ראה גם עדכון עם Firefox 10, ועכשיו מכיל הדגשת תחביר.ניתן להקליד קוד JavaScript כדי לפעול בדף הנוכחי.

ברגע שיש לך, לחץ על התפריט הפעל ובחר הפעלה . הקוד פועל בלשונית הנוכחית.

Web Console

מסוף האינטרנט מחליף את מסוף השגיאה הישן, אשר הוצא משימוש ויוסר בגירסה עתידית של Firefox.

המסוף מציג ארבעה סוגים שונים של הודעות, שבאמצעותם ניתן להחליף את הנראות - בקשות רשת, הודעות שגיאה ב- CSS, הודעות שגיאה ב- JavaScript והודעות מפתח אינטרנט.

מהי הודעת מפתח אינטרנט?זוהי הודעה המודפסת לאובייקט window.console.לדוגמה, אנו יכולים להפעיל את window.console.log ( "שלום עולם"); קוד JavaScript ב- Scratchpad כדי להדפיס הודעת מפתח למסוף.מפתחי אינטרנט יכולים לשלב את ההודעות הללו בקוד JavaScript שלהם כדי לסייע באיתור באגים.

רענן את הדף ותראה את בקשות הרשת שנוצרו ואת ההודעות האחרות.

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

החל מ- Firefox 10, מסוף האינטרנט יכול לפעול במקביל למפקח הדף.המשתנה $ 0 מייצג את האובייקט שנבחר כעת במפקח.לדוגמה, אם אתה רוצה להסתיר את האובייקט שנבחר, תוכל להפעיל את $ 0.style.display = "none" במסוף.

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

קבל עוד כלים

קבל עוד כלים אפשרות לוקחת אותך לאוסף המפתחים של כלי הפיתוח של אתר האינטרנט באתר האינטרנט של Mozilla Add-Ons.הוא מכיל כמה התוספים הטובים ביותר עבור מפתחי אינטרנט, כולל Firebug ואת סרגל הכלים של Web Developer.

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