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