אם אתם משתמשים ב-Chrome מגרסה 111 ואילך, יכול להיות שכבר שמתם לב ששינינו את העיצוב של סרגל הצד של נקודות עצירה. ב-Chrome 113, סרגל הצד החדש מחליף לחלוטין את העיצוב הישן. המטרה שלנו בעיצוב מחדש הייתה לשפר את תהליך העבודה עם נקודות עצירה באמצעות:
סקירה כללית טובה יותר של כל נקודות העצירה שהוגדרו. הוספנו נקודות עצירה כדי להקל על הגישה לתהליכי עבודה נפוצים של משתמשים ולהפוך אותם לאינטואיטיביים יותר. הצגת תכונות קיימות שימושיות של נקודות עצירה.
במאמר הזה אנחנו מניחים שאתם כבר מכירים את תהליך הניפוי באגים באמצעות נקודות עצירה. אם לא השתמשתם בנקודות עצירה בעבר, כדאי לעיין בסקירה הזו על נקודות עצירה כדי לקבל מידע נוסף על השימוש בנקודות עצירה לניפוי באגים בקוד.
עכשיו נסביר מה כולל העיצוב החדש ואיך אפשר להשתמש בסרגל הצד החדש. חשוב לציין שהעיצוב החדש מתמקד בשיפור האינטואיטיביות של התכונות הקיימות ובהקלה על הגישה אליהן, ולא בהוספת תכונות חדשות.
השהיה בחריגות כדי לבדוק למה הקוד מחזיר שגיאה
האם הקוד שלך יוצר חריגה? אל תדאגו! כלי פיתוח ל-Chrome מאפשרים להשהות את הביצוע של חריגים כדי לעצור אותו בנקודה שבה החריג מופעל. כך תוכלו לחקור את הנסיבות שבהן הקוד שלכם מחזיר שגיאה ולהבין אותן טוב יותר. אפשר לבחור אם רוצים להשהות את הביצוע במקרים של חריגים שתועדו, חריגים שלא תועדו או שניהם, על ידי סימון התיבות המתאימות בסרגל הצד.
ניהול נקודות העצירה: אפשר להרחיב קבוצות רלוונטיות של נקודות עצירה ולצמצם קבוצות אחרות כדי להתמקד במה שרלוונטי
יכול להיות שנקודות עצירה יפוזרו על פני כמה קבצים. בחלונית הצד של נקודות העצירה, נקודות העצירה מקובצות לפי הקובץ שאליו הן שייכות. כדי להתמקד רק באלה שחשובים לסשן ניפוי הבאגים הנוכחי, אפשר להרחיב את קבוצות נקודות העצירה הרלוונטיות ולצמצם את אלה שלא רלוונטיות.
ניהול נקודות העצירה: בלחיצה אחת אפשר לקפוץ לקוד, להסיר או להפעיל/להשבית נקודות עצירה
סרגל הצד של נקודת העצירה מאפשר לכם לבצע משימות נפוצות בלחיצה אחת. הנה סקירה כללית של האפשרויות שלכם:
מנווטים למיקום נקודת העצירה בעורך הקוד. הסרה של נקודת עצירה אחת או של כל נקודות העצירה בקובץ. הפעלה או השבתה של נקודת עצירה אחת או של כל נקודות העצירה בקובץ.
וכל זה בקליק אחד! כמובן שהאפשרויות האלה זמינות גם בתפריט ההקשר:
כדי לדלג למיקום של נקודת העצירה, לוחצים על קטע הקוד של נקודת העצירה.
רוצים לבדוק איפה בקוד הגדרתם את נקודת העצירה ולנתח את הקוד שמסביב? פשוט לוחצים על קטע הקוד של נקודת עצירה בסרגל הצד, והמיקום של הקוד ייפתח בעורך הקוד.
כדי להסיר נקודת עצירה אחת או את כל נקודות העצירה בקובץ, לוחצים על לחצן ההסרה.
מעבירים את העכבר מעל נקודת עצירה או קבוצת נקודות עצירה כדי להציג לחצן הסרה. לחיצה על הלחצן מסירה נקודת עצירה אחת או את כל נקודות העצירה בקובץ.
השבתה של נקודת עצירה אחת או של כל נקודות העצירה בקובץ
מסמנים או מבטלים את הסימון של התיבה שליד נקודת עצירה כדי להפעיל או להשבית אותה.
כדי להפעיל או להשבית את כל נקודות העצירה בקובץ, מעבירים את העכבר מעל קבוצת נקודות העצירה ומסמנים את תיבת הסימון שמופיעה לצד שם הקובץ או מבטלים את הסימון שלה.
כדאי להשתמש בתכונות פחות מוכרות של נקודות עצירה (breakpoint): נקודות עצירה מותנות ונקודות יומן
עריכה של תנאי נקודת עצירה או שינוי של נקודת הרישום על ידי עריכה של נקודת עצירה
כדי לערוך תנאי של נקודת עצירה או יומן, מעבירים את העכבר מעל נקודת העצירה ולוחצים על לחצן העריכה שמופיע. תיפתח תיבת דו-שיח שבה אפשר לשנות את סוג נקודת עצירה ואת הפרטים שלה.
אפשרות נוספת היא לבחור את השורה של נקודת העצירה בעורך הקוד ולהקליד Control+Alt+b ב-Linux ו-Command+Alt+b ב-Mac כדי לפתוח את תיבת הדו-שיח לעריכת נקודת העצירה.
אפשר גם להציב את הסמן מעל נקודת העצירה בסרגל הצד כדי לבדוק במהירות את התנאי או את יומן נקודת הרישום:
סיכום
המטרה שלנו בעיצוב מחדש של סרגל הצד של נקודות עצירה הייתה להקל על ניפוי הבאגים באמצעות נקודות עצירה. הכי חשוב, המטרה שלנו הייתה ליצור מבנה ברור יותר, ולספק גישה נוחה יותר למידע והסברים מובנים יותר. אנחנו מקווים שהשיפורים האלה יעזרו לכם בסשן הבא של ניפוי הבאגים.
אם יש לך הצעות לשיפורים נוספים, אפשר לדווח על באג כדי לעדכן אותנו.
הורדת ערוצי התצוגה המקדימה
מומלץ להשתמש ב-Chrome Canary, Dev או Beta כדפדפן ברירת המחדל לפיתוח. ערוצי התצוגה המקדימה האלה מאפשרים לכם לגשת לתכונות העדכניות ביותר של כלי הפיתוח, לבדוק ממשקי API מתקדמים של פלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם ייתקלו בהן.
יצירת קשר עם הצוות של כלי הפיתוח ל-Chrome
אתם יכולים להשתמש באפשרויות הבאות כדי לדון בתכונות החדשות, בעדכונים או בכל דבר אחר שקשור לכלי הפיתוח.
- אתם יכולים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
- אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
- שולחים ציוץ אל @ChromeDevTools.
- אפשר להשאיר תגובות בסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.