איך להשיג משהו דומה ל- Firebug בספארי?
לחץ על הלחצן "בדוק" בשורת התפריטים של Firebug Lite ואז הדגיש אלמנט בדף.
Firebug הוא סיומת פופולרית מאוד של Firefox המאפשרת לך לבדוק ולשנות אלמנטים בדף אינטרנט. זה מאפשר לך ללמוד כיצד דפי אינטרנט בנויים. זה יכול לעזור גם באיתור באגים בפרויקטים משלך. כלי המפתחים של ספארי מספקים פונקציות דומות. אתה יכול גם להשתמש בסימנית Firebug Lite כדי לטעון גרסה יעילה של Firebug בכל אתר.
שיטה 1 מתוך 2: שימוש בכלי המפתחים של ספארי
- 1לחץ על תפריט הספארי ובחר "העדפות". Safari כולל חבילה של כלי פיתוח הדומים מאוד ל- Firebug. יש לאפשר כלים אלה להשתמש בהם.
- 2לחץ על הכרטיסייה "מתקדם". פעולה זו תציג את האפשרויות המתקדמות של Safari.
- 3סמן את התיבה "הצג תפריט פיתוח בשורת התפריטים". זה יאפשר את התפריט Develop. הוא יופיע לצד תפריט הסימניות.
- 4פתח את מפקח האינטרנט. מפקח האינטרנט דומה מאוד ל- Firebug. תוכלו לפתוח אותו מתפריט ה- Develop. ניתן גם ללחוץ על ⌘ Command+ ⌥ Option+ I.
- 5השתמש באפשרות משאבים כדי להציג את האובייקטים של דף האינטרנט. אלה כוללים גיליונות סגנונות, קבצי HTML, סקריפטים, תמונות ועוד. זוהי תצוגת ברירת המחדל של Web Inspector.
- בסרגל הניווט בצד השמאלי יציג את כל התיקיות של תוכן מהדף הנוכחי. השתמש בתיקיות אלה כדי לנווט במהירות למשאבים הדרושים לך.
- המשאבים שנבחרו מוצגים במסגרת הראשית. תוכל להציג את הקוד עבור אתרים וקבצים אחרים כאן. ניתן גם לבצע שינויים בקוד, שיוצג בשידור חי באתר. שינויים אלה ייכנסו לתוקף כל עוד האתר פתוח.
- קלט פקודות איתור באגים ובדוק אובייקטים של JavaScript באמצעות המסוף.
- סרגל הצד הימני מפרק את הפרטים לבחירה הנוכחית. השינויים שבוצעו כאן יוצגו בשידור חי באתר.
זאת בשל העובדה שהוא כתוב ב- JavaScript, כך שהוא יכול להיטען בכל דף. - 6השתמש באפשרות צירי הזמן כדי להציג פעילות באתר. צירי הזמן יופיעו מתי מתקשרים למשאבים תוך שימוש בדף. אתה יכול גם לבדוק בקשות רשת ולהציג אירועי JavaScript.
- אתה יכול לראות את שלושת לוחות הזמנים השונים בחלק העליון של חלון לוחות הזמנים. כל אחד מהקווים מייצג קטגוריית ציר זמן שונה.
- המסגרת השמאלית מציגה את האירועים השונים המתרחשים על ציר הזמן. פעילות ציר הזמן של כל ערך תוצג בחלון הראשי.
- 7השתמש באפשרות ניפוי הבאגים כדי למצוא ולתקן שגיאות JavaScript. אפשרות איתור באגים מספק את אותם כלי איתור באגים שתוכלו למצוא ב- Firebug. השתמש בבאגים כדי לאתר ולפתור בעיות בקוד JavaScript שלך. אתה יכול להגדיר נקודות שבירה בקוד שלך כך שהדף יושהה בנקודות ספציפיות. זה מאפשר לך לפתור בעיות JavaScript בדף שלך או ללמוד כיצד JavaScript פועל בפעולה.
- 8שנה את סוכן המשתמשים שלך. אנשים רבים משתמשים ב- Firebug כדי לשנות את סוכן המשתמשים הנוכחי שלהם. זהו המזהה המספר לדפי אינטרנט באיזה דפדפן ומערכת הפעלה אתה משתמש. זה שימושי לטעינת אתרים ניידים על שולחן העבודה שלך, או לראות כיצד אתר נראה באמצעות Internet Explorer ב- Windows.
- לחץ על התפריט פתח ובחר "סוכן משתמש".
- בחר את סוכן המשתמש הרצוי מרשימת האפשרויות. באפשרותך להוסיף סוכן משתמש מותאם אישית על ידי בחירה באפשרות "אחר" ואז הזנת הקוד עבורו.
שיטה 2 מתוך 2: שימוש ב- firebug lite
- 1בקרו באתר firebug lite. Firebug Lite הוא כלי סימניות המספק לך גישה לכמה כלי עזר בסיסיים של Firebug. זה עובד בכל דפדפן אינטרנט. אתה יכול להשתמש בו כדי לבצע שינויים בשידור חי ב- HTML וב- CSS בדף. ניתן גם לבצע פקודות קונסולות ולבדוק סקריפטים. אתה יכול להשיג את Firebug Lite מ getfirebug.com/firebuglite.
- 2גלול מטה לקטע "ערוץ יציב". זו תהיה הגרסה הפונקציונלית והיציבה ביותר של Firebug Lite. אם ברצונך לנסות את התכונות העדכניות ביותר, תוכל להתקין מהקטע "ערוץ בטא". בטא עשויה להיות לא יציבה יותר מהמהדורה הרגילה.
- 3לחץ לחיצה ימנית על הקישור "firebug lite". בחר "העתק כתובת" מהתפריט שמופיע.
- 4צור סימניה חדשה. פתח את תפריט הסימניות ובחר "צור סימניה". אתה יכול גם ללחוץ על ⌘ Command+ D. פעולה זו תפתח חלון חדש ליצירת סימניה של העמוד הנוכחי.
אתה יכול גם להשתמש בסימנית Firebug Lite כדי לטעון גרסה יעילה של Firebug בכל אתר. - 5הדבק את הכתובת שהועתקה בשדה URL של הסימניה החדשה. זה ישנה את הסימניה לקוד Firebug Lite. תן לסימנייה שם כמו "Firebug Lite".
- 6השתמש בסימנייה שלך כדי לטעון את ממשק Firebug Lite. לחץ על הסימנייה של Firebug Lite בכל אתר שהוא. ממשק Firebug Lite נטען בתחתית חלון Safari שלך.
- 7בדוק אלמנטים בדף. לחץ על הלחצן "בדוק" בשורת התפריטים של Firebug Lite ואז הדגיש אלמנט בדף. החלק המתאים בקובץ ה- HTML של האתר יודגש במסגרת Firebug Lite.
- 8השתמש בכרטיסיות בחלק העליון של חלונית firebug lite. כרטיסיות אלה מאפשרות לך לגשת לפונקציות השונות של Firebug Lite. אלה כוללים את עורכי ה- HTML ו- CSS, את המסוף ואת התסריטים הפעילים.
- Firebug Lite אינו יכול לגשת לגליונות סגנונות ולסקריפטים חיצוניים. זאת בשל העובדה שהוא כתוב ב- JavaScript, כך שהוא יכול להיטען בכל דף. אם אתה זקוק לכלים אלה, תרצה להשתמש בכלים למפתחי Safari.
