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

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

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

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

    מפקח עמוד

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

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

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

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

    מפקח HTML

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

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

    מפקח CSS

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

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

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

    פנקס

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

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

    מסוף אינטרנט

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

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

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

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

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

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

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

    קבל כלים נוספים

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


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